Как удалить исходный элемент после перетаскивания события с помощью помощника «клон»?

Question

У меня есть список предметов, которые я сделал перетаскиваемыми. Я перетаскиваю их в несколько сортируемых списков. При перетаскивании я должен использовать вспомогательный метод «клон», поскольку другие вспомогательные методы не работают должным образом.

К сожалению, я не хочу, чтобы элемент оставался в исходном списке после его удаления в сортируемом списке.

Как удалить оригинальный элемент после успешного перетаскивания? (т. е. как только он содержится в одном из сортируемых списков)

Я думал, что смогу получить доступ к исходному элементу через событие droppable в сортируемых списках, но я не уверен, как этого добиться.

Спасибо

Graeme

Answer 1

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

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

Answer 2

Эта базовая настройка, кажется, делает то, что вы хотите.

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

Если это не работает для вас, вы можете показать нам какой-нибудь код?

Answer 3

проверьте этот пример (jQuery UI-демонстрация для сортируемых)