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

Question

我来这里是因为在使用jQuery UI的sortable / draggable / droppable时遇到麻烦。

我正在尝试做类似iTunes播放列表的操作（当您更改曲目列表的顺序或将曲目移至另一个播放列表时），其想法是我有一个曲目列表（位于中），并且希望该列表可排序，并且那是容易的部分。 确实，我还有第二个列表（播放列表），并且我希望将曲目拖到那些“播放列表”项上以执行某些操作。

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

（sortable完全按照我的要求工作，黑线只是<div class="plholder"></div> ）

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

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

如果您有任何想法:)

谢谢 ！

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 ...");   
        }
    });