JQuery Draggable

Question

Je souhaite faire glisser un élément d'une liste vers une autre avec un clone. Après avoir arrêté de glisser, je veux obtenir l'identifiant de div div où il est déplacé.

Answer 1

En utilisant glissables et déposables, vous pouvez le faire i like this (vu que vos ul de la classe ont draggables):

$("ul.draggables").droppable({ 
    drop: function() { alert($(this).parents("div:first").attr("id")) } 
}) 
.find("li") 
.draggable({ 
    helper: "clone" 
}); 

Voici une démo: http://jsfiddle.net/5s5rt/1/

Edit: modifié pour trouver la première des parents de la liste avec le type div, dans le cas où le div n'est pas son parent immédiat.

Answer 2

Il me semble que vous devez utiliser jQuery UI Droppable ainsi que Draggable.

Le code suivant fournit un exemple d'utilisation de Droppable. Il suppose que les divs que vous souhaitez autoriser les éléments ont le nom de classe someClassName. Lorsque vous faites glisser un élément sur l'une des divs, il apparaît une zone d'alerte avec l'ID de la div vous laissiez tomber votre article sur:

$(document).ready(function() { 
    $("div.someClassName").droppable({ 
     drop: function(event, ui) { 
      alert("You dropped an item onto a div with ID '" + event.target.id + "'"); 
     } 
    }); 
});