我使用 Dragula JS 进行拖放功能,并且我还希望可以选择通过单击鼠标来来回移动列表中的元素,而不会失去拖放功能。我该如何实现这一点?
所以我单击元素 1,它将移动到列表中。我从该列表中将其单击回来,它就会向后移动。就是这个想法。
如果有帮助的话,我准备了一个基本的拖放小提琴。 http://jsfiddle.net/vf6dnwxj/10/
我在上面的小提琴中的结构:
<div class="wrapper panel panel-body">
<ul id="left1" class="cont-dragula">
</ul>
<ul id="right1" class="cont-dragula">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3.</li>
<li>Item 4.</li>
<li>Item 5.</li>
<li>Item 6.</li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
JS:
dragula([left1, right1]);
Run Code Online (Sandbox Code Playgroud)