我想将句柄的用法添加到以下嵌套的dragula示例中,但这似乎是不可能的。任何想法如何修改脚本以使用句柄而不是整个div都可以拖动:

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


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

德拉古拉可以在这里找到:
https://bevacqua.github.io/dragula/

感谢您的考虑!

最佳答案

我只是看了看文档,发现了这一点:

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


您只需要在每个项目中添加一个带有类句柄的元素,我就尝试了您的Codepen,它可以正常工作!

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

09-25 15:18