jquery - 一种拖动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 小提琴演示