如何使用 jQuery.ui.sortable 和 jquery.ui.swappable 交换 elem

Question

我是JQuery的初学者。我的问题是我想插入拖动的项目，但有时我想交换两个元素。我不知道如何解决。

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();

希望这有帮助。如果将来您向人们展示您迄今为止尝试过的内容，那就太好了。