我想将句柄的用法添加到以下嵌套的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