Dragula - 如何根据元素的顺序修改变量？

Question

我正在使用dragula创建拖放练习。

如何在移动其中一个元素时设置Javascript变量？基本上，我想知道如何在屏幕上排序元素。

参见示例drag and drop here。

感谢。

Answer 1

您会收听dragend事件。每当触发它时，您可以遍历项目并将它们推送到数组。之后，您可以验证订单是否正确。

// ...
.on("dragend", function(el, target, src) {
    elems = []; // reset elems
    $(".elem").each(function(idx, elem) {
        elems.push($(elem).text());
    });

    // validate that elems are in correct order
    // ...
});
// ...

有关工作示例，请参阅此fiddle。

您可以在docs。

中找到所有事件，其参数和说明的列表