Forum PHP.pl > [JavaScript]Wyciaganie data-attrubute z upuszczonego elementu na (droppable)

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Wyciaganie data-attrubute z upuszczonego elementu na (droppable)

goartur

29.07.2015, 19:38:21

Witam. Wiec chce aby po upuszczeniu elementu na element droppable zostal znaleziony data attribute upuszczonego elementu,

Kod:

[HTML] pobierz, plaintext 
    <html lang="en">
    <head>
        <meta charset="utf-8">
        <title>jQuery UI Droppable - Default functionality</title>
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
        <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
        <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
        <link rel="stylesheet" href="/resources/demos/style.css">
        <style>
            #draggable { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
            #droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }
        </style>
        <script>
            $(function() {
                $( "#draggable" ).draggable();
                $( "#droppable" ).droppable({
                    drop: function( event, ui ) {
                        $( this )
                            .addClass( "ui-state-highlight" )
                            .find( "p" )
                            .html( "Dropped!" );
                            console.log($(ui.item).attr('data-parent'));
                    }
                });
            });
        </script>
    </head>
    <body>
 
    <div id="draggable" data-parent="sdsd" class="ui-widget-content">
        <p>Drag me to my target</p>
    </div>
 
    <div id="droppable" class="ui-widget-header">
        <p>Drop here</p>
    </div>
 
 
    </body>
    </html>
[HTML] pobierz, plaintext

Uzywac w tym momecie :
console.log($(ui.item).attr('data-parent'));

Lecz dostaje komunikat undefined

trueblue

29.07.2015, 19:49:02

[HTML] pobierz, plaintext 
$(ui.draggable).attr('data-parent')
[HTML] pobierz, plaintext

lub:

[HTML] pobierz, plaintext 
$(ui.draggable).data('parent')
[HTML] pobierz, plaintext

A przede wszystkim dokumentacja: http://api.jqueryui.com/droppable/#event-drop

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.