Я должен использовать 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>
И теперь все ломается, перетаскивание не работает хорошои т.д. Можно ли что-то сделать в этой ситуации?