- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- jQuery droppable: intercettare classe
-
jQuery droppable: intercettare classe
Buongiorno a tutti,
utilizzando droppable, ho bisogno di intercettare la singola classe di ogni elemento "droppato".Es.
<div id="draggable1"></div> <div id="draggable2"></div> <div id="draggable3"></div> <div id="droppable"></div>
$( "#draggable1, #draggable2, #draggable3" ).draggable(); $( "#droppable" ).droppable();
in questo esempio, i 3 div, devono essere spostati all'interno di "#droppable".
Il mio obiettivo è capire quale div sto spostando, intercettando, magari il suo id.
E' possibile questo?
-
se può interessare a qualcuno, ho risolto.
In pratica droppable accetta il metodo "drop", una funzione che permette in ingresso 2 parametri: event e ui. Nel primo, possiamo gestire il tipo di evento, mentre nel secondo, possiamo intercettare l'oggetto spostato nel contenuto di destinazione.$( "#droppable" ).droppable({ drop: function( event, ui ) { var obj = ui.draggable[0]; //in questo caso, ottengo un mega oggetto che contiene il markup del div spostato var mio_id = jQuery(obj).attr('id'); //lo memorizzo in una variabile e con jQuery becco l'attributo "id" } });