使用具有嵌套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