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

Question

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

当其中一个元素被移动时，如何设置Javascript变量？从本质上讲，我想知道元素在屏幕上是如何排序的。

请参阅此处的示例拖放。

谢谢。

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
    // ...
});
// ...

有关工作示例，请参阅此小提琴。

您可以在文档中找到所有事件、其参数和描述的列表。