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

---

Kendo UI for jQuery——創(chuàng)建現(xiàn)代Web應(yīng)用程序的最完整UI庫！查看詳情>>>

<jQuery EasyUI最新版下載>

本教程將為你展示如何使HTML元素可拖動。在這個示例中我們將創(chuàng)建3個DIV元素，然后使它們能夠被拖動。

查看演示

首先，我們創(chuàng)建3個div元素：

對于第一個div元素，我們可以通過默認(rèn)設(shè)置使其可拖動。

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

對于第二個div元素，我們可以通過創(chuàng)建一個復(fù)制原始元素的代理使其可拖動。

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

對于第三個div元素，我們可以通過創(chuàng)建一個自定義的代理使其可拖動。

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

	proxy

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

下載該EasyUI示例：easyui-dnd-demo.zip

購買最新正版授權(quán)！<咨詢在線客服>