原創(chuàng)|使用教程|編輯:龔雪|2015-09-24 09:36:31.000|閱讀 551 次
概述:本教程將為你展示如何使HTML元素可拖動(dòng)。在這個(gè)示例中我們將創(chuàng)建3個(gè)DIV元素,然后使它們能夠被拖動(dòng)。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
Kendo UI for jQuery——?jiǎng)?chuàng)建現(xiàn)代Web應(yīng)用程序的最完整UI庫(kù)!查看詳情>>>
本教程將為你展示如何使HTML元素可拖動(dòng)。在這個(gè)示例中我們將創(chuàng)建3個(gè)DIV元素,然后使它們能夠被拖動(dòng)。
首先,我們創(chuàng)建3個(gè)div元素:
<div id="dd1" class="dd-demo"></div> <div id="dd2" class="dd-demo"></div> <div id="dd3" class="dd-demo"></div>
對(duì)于第一個(gè)div元素,我們可以通過(guò)默認(rèn)設(shè)置使其可拖動(dòng)。
$('#dd1').draggable();
對(duì)于第二個(gè)div元素,我們可以通過(guò)創(chuàng)建一個(gè)復(fù)制原始元素的代理使其可拖動(dòng)。
$('#dd2').draggable({ proxy:'clone' });
對(duì)于第三個(gè)div元素,我們可以通過(guò)創(chuàng)建一個(gè)自定義的代理使其可拖動(dòng)。
$('#dd3').draggable({ proxy:function(source){ var p = $('<div class="proxy">proxy</div>'); p.appendTo('body'); return p; } });
下載該EasyUI示例:
購(gòu)買最新正版授權(quán)!<>
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件網(wǎng)