javascript - 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 中找到所有事件及其参数和描述的列表。 .