Перемещение задач в списке дел, перетаскивая их - PullRequest
0 голосов
/ 24 апреля 2020

Прошло много времени с тех пор, как я написал здесь, но нет ничего постыдного в том, чтобы просить о помощи. Вот как люди учатся, в конце концов. Тем не мение! Я реализовал список дел для своего проекта, и я решил также добавить возможность перемещать ваши задачи. На самом деле эта функция уже существует, но работает от кнопок. Людям они не нравились, и они предпочитали перетаскивать свои задания вокруг и подбадривать окружающих. Вроде того, что вы делаете в PowerPoint, когда перемещаете слайды. Мне нравится идея, и я бы с радостью осуществил ее. Мне нужна помощь, хотя! Я искал в Интернете решение, но большинство из них сделано в jQuery, и проблема в том ... Я пытаюсь придерживаться ванили JavaScript. Мой следующий проект может попробовать jQuery, но было бы немного раздражать начинать все сначала, особенно после того, как все работает должным образом. Конечно, я нашел некоторые решения, которые используют обычный JavaScript, но они просто не работают или не совсем то, что я искал. Вот почему я сейчас ищу помощи здесь. Вот как выглядит список дел:

enter image description here

Например, я хочу переместить первое задание вниз, перетаскивая его. Полагаю, JavaScript на данный момент не нужен, так как я начал все сначала, и мне нечего показать. Я думаю, что HTML (несмотря на то, что он очень прост) очень важен, поэтому:

<div id="taskviewer">
  <div class="regTask">Buy cookies</div>
  <div class="regTask">Make a pizza</div>
  <div class="regTask">Task 3</div>
</div>

Любая помощь приветствуется! Хорошего дня!

...