Выберите весь div для сортировки с Zepto - PullRequest
0 голосов
/ 22 ноября 2018

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

...