Jquery draggable - déplace l'élément déplacé au lieu de le dupliquer

Question

Quelqu'un peut-il me dire comment implémenter Jquery draggable et droppable de façon à ce que l'élément déplacé soit déplacé vers sa nouvelle position?

Avez-vous besoin d'implémenter vos propres fonctions d'assistance pour cela, ou est-ce inclus dans le plugin Jquery?

Answer 1

Dans l'option helper est par défaut 'original' qui fera exactement ce que vous voulez, alors il suffit de laisser l'option désactivée, ou le mettre à 'original' et vous prenez l'original ... par opposition à 'clone' ce qui en fait une copie . Il devrait ressembler à ceci:

$(".element").draggable(function() { 
    helper: 'original' //or leave this line off 
}); 

You can test it in the default demo here.

Answer 2

Vous pouvez également utiliser clone: ​​

pnlText.draggable({ 
    helper: "clone", 
    stop: function(event, ui) { 
     $(this).css("top",ui.position.top).css("left",ui.position.left); 
    } 
}); 

Cette affiche l'original à l'emplacement du clone lorsque la souris est de laisser aller.