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

Actionteaser support

Как я могу отслеживать событие перетаскивания, если у меня больше элементов, например, у меня 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"Как разместить это в файле, который должен публиковать оба значения.

DarkVolf

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

Angelochek1

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

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

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

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

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

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

andybezbozhny

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

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

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

Похожие темы	Дата
[Специалист] JavaScript. Уровень 1 + Уровень 2	19.10.2024, 18:10
[специалист] Javascript. Уровень 3. Knockout.js. [борисов И.о.]	19.10.2024, 18:10
[школа Современных Технологий] Среда Знаний. Основы Jquery. Дмитрий Лаврик [01.04.2015]	19.10.2024, 18:10
[itvdn] Видео Курс Jquery	19.10.2024, 18:10
Grapecity spread.net for winforms 11.40.20177 / javascript solution	19.10.2024, 18:10
[lynda.com] Основной Курс По Javascript	19.10.2024, 18:10
Изменить поле даты	19.10.2024, 18:10
Живой поиск jQuery — вернитесь к первому результату после того, как страница нашла все доступные результаты.	19.10.2024, 18:10
Курс javascript - курс по gulp	19.10.2024, 18:10
[Javascript] JavaScript, DOM, интерфейсы - Кантор (2015)	19.10.2024, 18:10

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

Actionteaser support

DarkVolf

Angelochek1

andybezbozhny

I AM

Интересно