[JavaScript]Wyciaganie data-attrubute z upuszczonego elementu na (droppable)

[JavaScript]Wyciaganie data-attrubute z upuszczonego elementu na (droppable)

goartur Zobacz profil	29.07.2015, 19:38:21 Post #1
Grupa: Zarejestrowani Postów: 233 Pomógł: 27 Dołączył: 19.10.2014 Ostrzeżenie: (0%)	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

Odpowiedzi

trueblue Zobacz profil	29.07.2015, 19:49:02 Post #2
Grupa: Zarejestrowani Postów: 6 807 Pomógł: 1828 Dołączył: 11.03.2014 Ostrzeżenie: (0%)	[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