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中找到所有事件及其參數和說明的列表。