我有一个包含多个 Dragula 容器的页面。容器里有ul
一堆li
。我希望用户能够li
在他们的容器中重新排序 's,但我不希望li
从一个容器可以拖动到另一个容器。现在我可以将每个拖动li
到任何ul
。如何将li
's 限制在其原始容器中?
html:
<ul id="first">
<li>for first group only</li>
<li>for first group only</li>
<li>for first group only</li>
</ul>
<ul id="second">
<li>for second group only</li>
<li>for second group only</li>
<li>for second group only</li>
</ul>
<ul id="third">
<li>for third group only</li>
<li>for third group only</li>
<li>for third group only</li>
</ul>
js:
var first = '#first';
var second = '#second';
var third = '#third';
var containers = [
document.querySelector(first),
document.querySelector(second),
document.querySelector(third)
];
dragula({
containers: containers,
revertOnSpill: true,
direction: 'vertical'
});
谢谢