Модификация элемента оболочки в библиотеке smooth-dnd - PullRequest
Новая
       27

Модификация элемента оболочки в библиотеке smooth-dnd

0 голосов
/ 28 апреля 2020

Существует библиотека с именем smooth-dnd , которая очень полезна для реализации drag n drop. Предположим, что это был код: 

    <ul id="container">
        <li class="smooth-dnd-draggable-wrapper">Draggable 0</li>
        <li class="smooth-dnd-draggable-wrapper">Draggable 1</li>
    </ul>

И в файле js 

    var containerElement = document.getElementById;
    var container = SmoothDnD.smoothDnD(containerElement, options);

После этого сглаженный dnd будет применен к моему коду и в консоли будет выглядеть так: this 

<ul id="container" class="smooth-dnd-container vertical">
    <div class="smooth-dnd-draggable-wrapper">
                <li>Draggable 0</li>
    </div>
    <div class="smooth-dnd-draggable-wrapper">
                <li>Draggable 1</li>
    </div>
</ul>

Итак, вы видите, что к элементу li добавлена ​​оболочка div перед тем, как бросить перетаскиваемый элемент. Теперь я хочу изменить эту оболочку. Одна вещь, о которой я подумал, это сделать это вручную перед тем, как отбросить перетаскиваемый объект, например, взять родительский элемент li и изменить его, но это как хакерская вещь. Любая другая идея, поскольку библиотека ничего не дает

...