Как сделать сортировку по нескольким элементам в Zepto - PullRequest
0 голосов
/ 19 ноября 2018

Я должен использовать Zepto вместо jQuery (https://zeptojs.com/), Также я использую библиотеку drag'n'drop для 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>
<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> 

И теперь все ломается, перетаскивание не работает хорошои т.д. Можно ли что-то сделать в этой ситуации?

...