使用带有嵌套龙卷和切片的手柄

Question

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

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

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

德拉古拉可以在这里找到： 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