вложенные html5 перетаскиваемые элементы - PullRequest
Новая
       26

вложенные html5 перетаскиваемые элементы

0 голосов
/ 17 февраля 2019

У меня есть вопросы по поводу перетаскиваемых элементов html5.Я смотрел на этот пример: https://codepen.io/retrofuturistic/pen/tlbHE

Если я настрою его и сделаю родителей перетаскиваемыми 

<ul>
    <li draggable="true" class="parent-li">
        <ul id="columns-1">
            <li class="column child-li" draggable="true"><header>A</header></li>
            <li class="column child-li" draggable="true"><header>B</header></li>
        </ul>
    </li>
    <li draggable="true" class="parent-li">
        <ul id="columns-2" draggable="true">
            <li class="column child-li" draggable="true"><header>A</header></li>
            <li class="column child-li" draggable="true"><header>B</header></li>
        </ul>
    </li>
</ul>

, то получается, что когда вы пытаетесь отсортировать элемент списка«child-li» пытается перетащить «parent-li» 

this.parentNode.removeChild(dragSrcEl);

dragSrcEl такой же, как this.parentNode: «parent-li».

Так возможно ли этосортировать элементы списка, если они находятся на одном уровне?

1 Ответ

0 голосов
/ 17 февраля 2019

Было поздно вчера.Я должен использовать event.stopPropagation (), чтобы избежать пузырей на родительских элементах.

...