4

私のシナリオは、ドラッグ可能であるがソート可能ではないアイテムのリストと、ソート可能である別のリストがあることです。私が達成したいのは、ドラッグ可能からソート可能にドラッグすることですが、アイテムをソート可能にドロップするときに、ajaxリクエストを作成し、回答に応じてアイテムをソート可能に挿入するかどうかを決定します。ソート可能オブジェクトに追加されているアイテムをキャンセルするために、ソート可能オブジェクトのbeforeStopまたは受信イベントを使用しようとしましたが、解決策が見つかりませんでした。ここでjsfiddleを作成しましたhttp://jsfiddle.net/5pTCd/21/

4

1 に答える 1

-1

受け入れ/元に戻す設定でドラッグ可能/ドロップ可能を使用しないのはなぜですか?

受け入れ/元に戻すドラッグ アンド ドロップを実現する理論的な方法は次のとおりです。

まず、受け入れられない場合は元に戻すようにドラッグ可能を設定する必要があります。

$(".drag").draggable({ revert: 'invalid' });

もちろん、あなたの droppable で何が有効かを定義することができます:

$(".drop").droppable({ accept: '.drag' });​

しかし、jQuery UI に含まれるマジック パウダーのおかげで、"accept" の値として関数を挿入できます。返された値は、有効な要素として受け入れるものを定義します。

$(".drop").droppable( { accept: function() {
    // return true or false
} });​

別の方法として、 dragstart イベントを使用して droppable の accept オプションを変更できます:

$(".drag").draggable({
    start: function() { 
    // your ajax call and then a callback with :
    $(".drop").droppable("option","accept","#thisItemsID") }
});
于 2012-08-22T12:00:19.820 に答える