• User Attivo

    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?


  • User Attivo

    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"
         }
    });