jQuery EasyUI使用教程：基本的拖放

---

Kendo UI for jQuery——创建现代Web应用程序的最完整UI库！查看详情>>>

<jQuery EasyUI最新版下载>

本教程将为你展示如何使HTML元素可拖动。在这个示例中我们将创建3个DIV元素，然后使它们能够被拖动。

首先，我们创建3个div元素：

对于第一个div元素，我们可以通过默认设置使其可拖动。

$('#dd1').draggable();

对于第二个div元素，我们可以通过创建一个复制原始元素的代理使其可拖动。

$('#dd2').draggable({
proxy:'clone'
});

对于第三个div元素，我们可以通过创建一个自定义的代理使其可拖动。

$('#dd3').draggable({
proxy:function(source){
var p = $('

	proxy

');
p.appendTo('body');
return p;
}
});

下载该EasyUI示例：

购买最新正版授权！<>