2019獨角獸企業(yè)重金招聘Python工程師標準>>>

<jQuery EasyUI最新版下載>

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

查看演示

首先，我們創(chuàng)建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元素，我們可以通過創(chuàng)建一個復制原始元素的代理使其可拖動。

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

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

$( '#dd3' ).draggable({ proxy: function (source){ var p = $( '<div class="proxy">proxy</div>' ); p.appendTo( 'body' ); return p; } });

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

有興趣的朋友可以點擊查看更多有關jQuery EasyUI的文章！

轉載于:https://my.oschina.net/u/2317468/blog/517900

總結

以上是生活随笔為你收集整理的jQuery EasyUI使用教程之基本的拖放的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。