Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]Wyciaganie data-attrubute z upuszczonego elementu na (droppable)
goartur
post
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 
  1.     <html lang="en">
  2.     <head>
  3.         <meta charset="utf-8">
  4.         <title>jQuery UI Droppable - Default functionality</title>
  5.         <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  6.         <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
  7.         <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  8.         <link rel="stylesheet" href="/resources/demos/style.css">
  9.         <style>
  10.             #draggable { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
  11.             #droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }
  12.         </style>
  13.         <script>
  14.             $(function() {
  15.                 $( "#draggable" ).draggable();
  16.                 $( "#droppable" ).droppable({
  17.                     drop: function( event, ui ) {
  18.                         $( this )
  19.                             .addClass( "ui-state-highlight" )
  20.                             .find( "p" )
  21.                             .html( "Dropped!" );
  22.                             console.log($(ui.item).attr('data-parent'));
  23.                     }
  24.                 });
  25.             });
  26.         </script>
  27.     </head>
  28.     <body>
  29.  
  30.     <div id="draggable" data-parent="sdsd" class="ui-widget-content">
  31.         <p>Drag me to my target</p>
  32.     </div>
  33.  
  34.     <div id="droppable" class="ui-widget-header">
  35.         <p>Drop here</p>
  36.     </div>
  37.  
  38.  
  39.     </body>
  40.     </html>
[HTML] pobierz, plaintext


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

Lecz dostaje komunikat undefined
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 1)
trueblue
post
Post #2





Grupa: Zarejestrowani
Postów: 6 809
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
----- 

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

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

A przede wszystkim dokumentacja: http://api.jqueryui.com/droppable/#event-drop
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.12.2025 - 08:48
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn