Умный способ перетащить HTML структуру

0

Рассмотрим следующую скрипту: http://jsfiddle.net/2LyWt/8/

Я пытаюсь переместить весь элемент аккордеона вместо теста. Я думаю, что решение скрыто где-то на линии

$( "<div></div>" ).text( ui.draggable.text() ).appendTo( this );

Есть ли способ захватить html-структуру, чтобы весь аккордеон-элемент был отброшен, а не только текст?

Теги:

2 ответа

1

Вы хотите захватить весь аккордеон, который нужно перетащить, тогда вам нужно применить его на контейнере аккордеона, то есть #products, поэтому просто измените элемент, на который применяется функция draggable().

$( ".category" ).draggable({...});

в

$( "#products" ).draggable({
  appendTo: "body",
  helper: "clone"
});

Демо-версия Js Fiddle

Поделиться
  • 0
    Я думаю, что он просто хочет меню, а не все продукты Div. Только футболки, сумки или гаджеты должны быть перетащены в
  • 0
    @ Кирхон, если вы видите его начальную скрипку, эти заголовки уже перетаскиваются. Так что не думай так.
Показать ещё 1 комментарий
1

Вот так:

$( "<div></div>" ).html( ui.draggable.html() ).appendTo( this );

Демо?

Поделиться
  • 0
    Совсем рядом с отлично, спасибо. Я думаю, я должен сделать тележку гармошкой, чтобы свернуть предметы?
  • 0
    Каким-то образом, просто сделать это аккордеоном, это не исправит. Кажется, что ui.draggable.html просто добавляет то, что визуально, это так? jsfiddle.net/2LyWt/11

Ещё вопросы

Сообщество Overcoder
Наверх
Меню