jquery - jQuery.ui.sortable と jquery.ui.swappable を使用して elem を交換するにはどうすればよいですか

Question

私はJQueryの初心者です。私の問題は、ドラッグしたアイテムを挿入したいのですが、2 つの要素を交換したい場合があります。解決方法がわかりません。

Answer 1

スワップするには、次のようなことができます。

既存の注文を配列に変換する必要があります。最初に定義します。

var prevPagesOrder = [];

次に、要素をドロップした後に配列をチェックします（ソート可能な停止によってキャプチャされます）

$( "#sortable" ).sortable({
    start: function(event, ui) {
       prevPagesOrder = $(this).sortable('toArray');
    },
    stop: function(event, ui) {
        var currentOrder = $(this).sortable('toArray');
        var move_id = ui.item[0].id;
        var swap_index = currentOrder.indexOf(move_id);
        var swapped_id = prevPagesOrder[swap_index]

        // do stuff for swapping
        // move_id = object moved
        // swapped_id = object swapped with
        }
        return true;
    }
}).disableSelection();

お役に立てれば。将来、これまでに試したことを人々に示すとよいでしょう。