Obtenir les valeurs des éléments qui ont été déposés les uns avec les autres avec jQuery?

Question

J'ai la jQuery suivante:

$(document).ready(function(){ 
    $(".element").draggable(); 
    $(".element").droppable({ 
     drop: function() { 
     alert('dropped'); 
     } 
    }); 
    }); 

Quelque chose avec la classe de « élément » peut être manipulé et traîné sur la page. Je veux être en mesure de trouver le contenu html de l'élément qui est en train d'être déplacé et l'élément qui est abandonné et de les utiliser où "alert ('droped');" est, donc je pourrais faire quelque chose comme:

alert(firstelement+ ' was dropped on ' +secondelement); 

Une idée?

Answer 1

Vous devez ajouter des paramètres à votre rappel de suppression.

drop : function(event, ui) { 
    var droppable = $(this); 
    var draggable = ui.draggable; 

    alert(droppable.attr('id') + " was dropped on " + draggable.attr('id')); 
} 

http://jqueryui.com/demos/droppable/#event-drop