Перетащите DOM манипуляции

Question

Я начну с примера, и, надеюсь, это поможет объяснить мой вопрос.

Скажем, у меня есть две колонки. Левый столбец содержит вкладки, а правый столбец пуст. Я хотел бы перетащить вкладку из левого столбца в правый столбец, чтобы содержимое отображалось в правом столбце (и эта вкладка будет выделена серым цветом в левом столбце до тех пор, пока я не выделю / не отменю правый столбец - это часть, которую я, вероятно, могу понять, но надеялась, что это даст больше ясности к идее).

Возможно ли на самом деле переместить элемент в DOM или лучше было бы инициировать событие, которое загружает содержимое в правом столбце на основе (скажем, идентификатора) того, что было перетащено и отброшено.

Мне известны перетаскиваемые функции пользовательского интерфейса jQuery, однако я надеюсь, что у кого-то есть хорошее объяснение или предложения о том, как лучше всего реализовать эту функцию.

Answer 1

Я не думаю, что это отвечает на ваш вопрос напрямую, но HTML5 имеет изящную функцию перетаскивания, которая прекрасно объясняется здесь Поскольку модель перетаскивания в HTML 5 включает в себя «передачу данных», онаВероятно, было бы лучше передать идентификатор содержимого и загрузить его во второй столбец, даже используя JQuery для обеспечения согласованности будущей логики.Таким образом, код будет концептуально работать так же, если вы решите переместить его в HTML 5, и потребуется меньше изменений.