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示例：

購買最新正版授權！<>