Question

我正在使用dragula库来创建拖放交互。

每次删除某个项目时，都会触发以下代码：

dragula([$("#left").get(0)])
.on("dragend", function(el, target, src) {
items = []; // reset items
$(".item").each(function(idx, item) {
items.push($(item).text());
});

这将从项目中获取文本并将其添加到数组中。

一切都好。这部分效果很好。

现在，如果我更改数组中变量的值，如何将此更改推回到dragula交互，以便项目的顺序与数组匹配？

谢谢！

Answer 1

我刚刚提到你的代码并编辑了这个函数，这样你就可以获得被拖动的每个div的来源。你不应该提取每个元素来编辑它们，然后再推它...相反，你应该通过索引或下面的函数获得该元素。这将使事情变得简单。

dragula([$("#left").get(0)])
.on("dragend", function(el, target, src) {
    items = []; // reset items
  var itemname = el.innerHTML;
  el.innerHTML = itemname+"<span>New Item </span>";
    console.log(el);
//  $(".item").each(function(idx, item) {
  //    items.push($(item).text());
  //});

  //console.log(items);

});

将变量添加回数组

1 个答案: