Я задавал подобный вопрос раньше, однако не правильно определил проблему.Другие вопросы и ответы там относятся к 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 будет иметь ровно два деления.