列表項的可排序和可拖動行為

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