Question

我必须使用Zepto而不是jQuery（https://zeptojs.com/），另外，我将拖放库用于zepto-dnd的Zepto。不能使用其他“大”库。

使用以下代码，一切正常。

<script src="https://zeptojs.com/zepto.js"></script>
<script src="https://rawcdn.githack.com/rkusa/zepto-dnd/22e6a97788027d6e3e5b5d6f07791ace6a5465d9/zepto-dnd.js"></script>
<ul class="list" id="example1">

    <li>ItemA</li>
    <li>ItemB</li>
    <li>ItemC</li>
    <li>ItemD</li>
</ul>
<script type="text/javascript">
  $(function() {
    $('#example1').sortable({})
  })
</script>

但是我的列表应该类似于：

<ul class="list" id="example1">

    <li><div id="something"><span>DIVA</span><span>SpanA2</span></div></li>
    <li><div id="something"><span>DIVB</span><span>SpanB2</span></div></li>
    <li><div id="something"><span>DIVC</span><span>SpanC2</span></div></li>
    <li><div id="something"><span>DIVD</span><span>SpanD2</span></div></li>
</ul>

现在一切都中断了，拖动无法正常工作，等等。在这种情况下可以做些什么？

如何在Zepto上使多个div可排序

0 个答案: