本教程将为你展示如何使HTML元素可拖动。在这个示例中我们将创建3个DIV元素，然后使它们能够被拖动。
首先，我们创建3个div元素：
<
div
id
=
"dd1"
class
=
"dd-demo"
></
div
>
<
div
id
=
"dd2"
class
=
"dd-demo"
></
div
>
<
div
id
=
"dd3"
class
=
"dd-demo"
></
div
>
对于第一个div元素，我们可以通过默认设置使其可拖动。
$(‘#dd1‘).draggable();
对于第二个div元素，我们可以通过创建一个复制原始元素的代理使其可拖动。
$(
‘#dd2‘
).draggable({
proxy:
‘clone‘
});
对于第三个div元素，我们可以通过创建一个自定义的代理使其可拖动。
$(
‘#dd3‘
).draggable({
proxy:
function
(source){
var
p = $(
‘<div class="proxy">proxy</div>‘
);
p.appendTo(
‘body‘
);
return
p;
}
});
下载该EasyUI示例：easyui-dnd-demo.zip
有兴趣的朋友可以点击查看更多有关jQuery EasyUI的文章！
原文：http://my.oschina.net/u/2317468/blog/517900