回復 7# test155
拖曳到 #list2 之後,把新的 li 也建立為 draggable 物件即可拖曳。並設定為拖曳到 body 就刪除。
$("#list1 li").draggable({helper: 'clone',revert: true});
$("#list2").droppable({
accept: '#list1 li, #list2 li',
drop: function(ev, ui) {
if (ui.draggable.parent().attr("id") == "list2") {
var $a = $(ui.draggable);
} else {
var $a = $(ui.draggable).clone();
}
$(this).append($a);
$a.draggable();
}
});
$('body').droppable({
accept: '#list2 li',
drop: function(ev, ui) {
$a = $(ui.draggable);
$(this).append($a);
$a.remove();
}
});
|