拖动 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 );

演示？

Answer 2

你想抓住整个手风琴来拖动，然后你需要把它应用到手风琴容器上，即 #products ，因此只需更改应用draggable()函数的元素即可。

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

自

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

Js 小提琴演示