запускать событие перетаскивания по атрибутам

Как я могу отслеживать событие перетаскивания, если у меня больше элементов, например, у меня 4 div

 


<ul>


<li id="something-1">Something 1</li>


<li id="something-2">Something 2</li>


<li id="something-3">Something 3</li>


<li id="something-4">Something 4</li>


<li id="something-5">Something 5</li>


<li id="something-6">Something 6</li>


<li id="something-7">Something 7</li>


<li id="something-8">Something 8</li>


</ul>

HTML: и у меня есть 8 элементов списка

  <div data-val="val-1">Menu 1</div> <div data-val="val-2">Menu 2</div> <div data-val="val-3">Menu 3</div> <div data-val="val-4">Menu 4</div>

HTML: если я перетащу li с идентификатором что-то-3 в div, имеющий данные-val="val-2"Как разместить это в файле, который должен публиковать оба значения.

У меня, вероятно, не будет времени посмотреть на это сегодня днем, но это не сложно. Настройте jsfiddle и просмотрите все примеры. Это кодирование «вырезание и вставка» — вам не нужно писать ничего нового.

Я бы присвоил каждому из элементов div или списка класс и искал изменения в вещах с помощью класса.

Затем, используя «это», вы можете получить идентификатор и передать его на сервер или что-то еще.

Вы также можете выбрать все элементы этого класса и просмотреть их.

Дайте классу имя, по которому будет очевидно, что это инструмент jquery, а не что-то, влияющее на стиль.

Во втором примере со списком вы могли бы прикрепить класс к тегу

• 
  , но это сделало бы jquery немного более громоздким.
  

Перетаскиваемый/отбрасываемый jQuery должен легко справиться с этим? Назначьте удаляемый класс элементам div и перетаскиваемый класс элементу списка, а затем просто извлекайте информацию из каждого элемента при перетаскивании.

Я делаю что-то подобное в приведенном мной расписании, но на моем телефоне нет кода.

Однако это не очень сложно.