+ Rispondi alla Discussione
Risultati da 1 a 2 di 2

jQuery droppable: intercettare classe

Ultimo Messaggio di mariolone il:
  1. #1
    User
    Data Registrazione
    Jul 2007
    Località
    Bari - IT
    Messaggi
    120
    Segui mariolone su Twitter Aggiungi mariolone su Google+ Aggiungi mariolone su Facebook

    jQuery droppable: intercettare classe

    Buongiorno a tutti,
    utilizzando droppable, ho bisogno di intercettare la singola classe di ogni elemento "droppato".

    Es.

    Codice:
    <div id="draggable1"></div>
    <div id="draggable2"></div>
    <div id="draggable3"></div>
    
    <div id="droppable"></div>
    Codice:
    $( "#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?

  2. #2
    User
    Data Registrazione
    Jul 2007
    Località
    Bari - IT
    Messaggi
    120
    Segui mariolone su Twitter Aggiungi mariolone su Google+ Aggiungi mariolone su Facebook
    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.

    Codice:
    $( "#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"
         }
    });

+ Rispondi alla Discussione

Tag per Questa Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.