使用带有嵌套 Dragula 和切片的句柄

Question

我希望在下面的嵌套 Dragula 示例中添加句柄的使用，但这似乎是不可能的。知道如何修改脚本以使用句柄而不是整个 div 可拖动：

(function() {
  dragula([].slice.apply(document.querySelectorAll('.nested')));
})();

完整的脚本在这里： https://codepen.io/trzmaxim/pen/GppXGE

Dragula 可以在这里找到： https://bevacqua.github.io/dragula/

感谢您的考虑！

Answer 1

我刚刚查看了文档并发现了这一点：

(function() {
  dragula([].slice.apply(document.querySelectorAll('.nested')),{
     moves: function (el, container, handle) {
       return handle.classList.contains('handle');
     }
  });
})();

您只需在每个项目中添加一个带有类句柄的元素，我用您的 codepen 进行了尝试，它可以工作！

https://codepen.io/anon/pen/RgBNje