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