原創|使用教程|編輯:龔雪|2015-09-24 09:36:31.000|閱讀 572 次
概述:本教程將為你展示如何使HTML元素可拖動。在這個示例中我們將創建3個DIV元素,然后使它們能夠被拖動。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
Kendo UI for jQuery——創建現代Web應用程序的最完整UI庫!查看詳情>>>
本教程將為你展示如何使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示例:
購買最新正版授權!<>
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@ke049m.cn
文章轉載自:慧都控件網