拖动html结构的智能方法

Question

考虑以下小提琴：http://jsfiddle.net/2LyWt/8/

我试图移动整个手风琴项而不仅仅是测试。 我想解决方案隐藏在

行的某个地方

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

有没有办法获取html结构，以便整个手风琴元素将被删除而不仅仅是文本？

Answer 1

像这样：

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

Demo？

Answer 2

你想抓住整个手风琴被拖动然后你需要在手风琴容器上应用它，即#products，所以只需更改draggable()函数应用的元素。

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

到

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

Js Fiddle Demo