Как можно сделать правильное перетаскивание элементов(Drag&Drop)?

Question

[rshruslan]

Пишу ToDo list и захотелось сделать drag&drop между элементами.
1) Сделал вставку элемента через insertBefore, он отлично работает, если перемещать снизу -> вверх, а вот наоборот - очень плохо. Как можно сделать, что бы он и туда, и туда отлично работал?
2) Пробовал делать из insertBefore кастомный insertAfter, но он сверху внизу отлично работает, а снизу вверх - плохою
Как можно это сделать?
https://codepen.io/sasa02sasa/pen/zyBQNO

Answer 1

[dicem]

https://jqueryui.com/draggable/#sortable
Минус все твои проблемы

Comments

[rshruslan]

Хотелось бы самому написать.

[Александр Логинов-Солоницын]

rshruslan, так посмотри как сделано любое стороннее адекватно работающее решение и разбери как оно устроено. Свой собственный велосипед нужно писать только тогда, когда ты проанализировал несколько готовых решений.

Answer 2

[Константин Отпущенников]

JS DnD,
HTML5 DnD

Есть два подхода, копай вту сторону.

Comments

[rshruslan]

Ну так я и делал так.
Я делал по видео мастер-класс от loftblog, но там также, как и у меня.