Question

我之前也曾问过类似的问题，但是我没有正确识别问题。那里的其他问题和答案都与jQuery有关，但是我只需要使用Zepto解决方案。

我正在使用库zepto-dnd（也可以接受其他建议），我的代码是这样的：

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

    <div class="something1"><span>DIVA</span><span>1</span><span>2</span><span>3</span></div>
    <div class="something1"><span>DIVB</span><span>4</span><span>5</span><span>6</span></div>
    <div class="something1"><span>DIVC</span><span>7</span><span>8</span><span>9</span></div>

</div>
<script type="text/javascript">
  $(function() {
    $('#example1').sortable({})
  })
</script>

似乎工作正常，但是如果我添加第4个div，且里面有div

<div class="something1"><span>DIVA</span><span>1</span><span>2</span><span>3</span></div>
<div class="something1"><span>DIVB</span><span>4</span><span>5</span><span>6</span></div>
<div class="something1"><span>DIVC</span><span>7</span><span>8</span><span>9</span></div>
<div class="something1"><span>DIVD</span><span>X</span><span>Y</span><div>Z</div></div>

将使“ Z”字母出现在列表下方，并且可以作为单独的实体拖动。

也许我可以使用zepto-dnd库来解决这个问题？有这个选择器

this.eventHandler = $('<div />')

我也知道我的html将有两个div。

选择整个div以使用Zepto进行排序

0 个答案: