Comment puis-je supprimer l'élément d'origine après avoir effectué un événement draggable avec un assistant 'clone'?

Question

J'ai une liste d'articles que j'ai fait glisser. Je les fais glisser vers plusieurs listes triables. Je dois utiliser la méthode d'assistance 'clone' tout en faisant glisser car les autres méthodes d'assistance ne fonctionnaient pas correctement.

Malheureusement, je ne souhaite pas que l'élément reste dans la liste d'origine une fois qu'il a été supprimé de la liste triable.

Comment supprimer l'élément d'origine après un glissement réussi? (c'est-à-dire une fois qu'il est contenu dans l'une des listes triables)

Je pensais que je pourrais être en mesure d'accéder à l'élément d'origine grâce à l'événement droppable sur les listes triables, mais je ne suis pas sûr comment y parvenir.

Merci

Graeme

Answer 1

check this example (jQuery UI-demo for sortables)

Answer 2

Cette configuration de base semble faire ce que vous voulez.

$(function() { 
    $(".drag").draggable({ helper: 'clone' }); 
    $("#dropArea").droppable({ 
     drop: function(event, ui) { 
      //ui.draggable.appendTo(this); 
      $(this).append(ui.draggable); 
     } 
    }); 
}); 

Si cela ne fonctionne pas pour vous, pouvez-vous nous montrer du code?

Answer 3

$('li','#draggable').draggable({ 
    helper: "clone" 
}); 

$('ul#droppable').droppable({ 
    accept: "#draggable > li", 
    drop: function(event,ui){ 
     $('li.note').remove(); 
     ui.draggable.appendTo('ul#droppable').fadeIn(); 
    } 
});