2

我有一个可拖动的项目列表。我将这些拖到几个可排序的列表中。我必须在拖动时使用“克隆”辅助方法,因为其他辅助方法无法正常工作。

不幸的是,我不希望该项目在可排序列表中被删除后保留在原始列表中。

成功拖动后如何删除原始项目?(即一旦它包含在可排序列表之一中)

我以为我可以通过可排序列表上的 droppable 事件访问原始元素,但我不确定如何实现这一点。

谢谢

格雷姆

4

3 回答 3

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

$('ul#droppable').droppable({
    accept: "#draggable > li",
    drop: function(event,ui){
        $('li.note').remove();
        ui.draggable.appendTo('ul#droppable').fadeIn();
    }
});
于 2012-10-30T23:07:47.510 回答
1

检查这个例子(jQuery UI-demo for sortables)

于 2009-06-02T12:02:58.193 回答
1

此基本设置似乎可以满足您的要求。

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

如果这对你不起作用,你能给我们看一些代码吗?

于 2009-06-02T14:27:50.037 回答