0

jQuery UI のソート可能/ドラッグ可能/ドロップ可能で何かを行うのに問題があるため、ここに来ています。

iTunesプレイリストのようなことをしようとしています(トラックリストの順序を変更したり、トラックを別のプレイリストに移動したりする場合)アイデアは、トラックのリストを(aに)持っていて、このリストをソート可能にしたいということです。それは簡単な部分です。実際、私は(プレイリストの)2番目のリストも持っており、トラックをそれらの「プレイリスト」アイテムにドラッグして何かをしたいと思っています。

例を次に示します: http://jsfiddle.net/MSGhf/1/

(ソート可能は私が望むとおりに機能しています。黒い線は単なるです<div class="plholder"></div>

しかし、トラックのドラッグを開始すると、sortable は正常に機能します。しかし、トラックをドラッグ可能な範囲外に移動すると、新しい順序が維持されるため、プレイリストでトラックをドラッグすると、トラック リストの順序も変更される可能性があり、これは問題です。

そのため、トラックが離れたときにソート可能をブロックする方法がわかりません。

何か考えがあれば:)

ありがとう !

4

1 に答える 1

0

ああ、わかりました、何が起こっているのかわかりました。やりたいことは次のとおりです(実際の例、ここ: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 ...");   
        }
    });
于 2013-10-17T13:33:41.877 に答える