列表项的可排序和可拖动行为

Question

我来这里是因为我在使用 jQuery UI 的可排序/可拖动/可放置的东西做某事时遇到了麻烦。

我正在尝试执行 iTunes 播放列表之类的操作（当您更改曲目列表的顺序或将曲目移动到另一个播放列表时） 这个想法是我有一个曲目列表（在 a 中），我希望这个列表是可排序的，这很容易。事实上，我还有第二个（播放列表）列表，我希望将曲目拖到那些“播放列表”项目中以执行某些操作。

这是一个例子：http://jsfiddle.net/MSGhf/1/

（可排序的工作完全符合我的要求，黑线只是<div class="plholder"></div>）

但是当您开始拖动轨道时，可排序可以正常工作。但是，当您将曲目移出可拖动曲目时，新顺序将保留，因此在播放列表中拖动曲目也可能会更改曲目列表顺序，这是一个问题。

所以我不知道如何在轨道离开时阻止可排序。

如果你有任何想法:)

谢谢！

Answer 1

啊，好的，我知道发生了什么。这是您想要做的（工作示例，此处：http://jsfiddle.net/mori57/L3CF8/1/）

    $(".droppable").droppable({
        tolerance: "pointer",
        drop:function(){
            // You need to tell your sortable to cancel 
            // the last drag/drop interaction
            $("ul").sortable("cancel");
            alert("Do something on drop ...");   
        }
    });