首頁 > web前端 > js教程 > 主體

jQuery EasyUI 教學-Draggable(拖曳)

黄舟
發布: 2016-12-27 16:25:25
原創
1454 人瀏覽過

大家好,關於jQuery EasyUI 教學的學習,前面兩篇文章主要是對jQuery EasyUI解析器、載入器的基礎了解。對於入門階段我們只需簡單的了解即可,畢竟先階段並不會太深入。

使用$.fn.draggable.defaults重寫預設值物件。

使用案例:

透過標籤和Javascript兩種方法來實現。

1、透過標籤建立一個可拖曳的元素。

<div id=”dd” class=”easyui-draggable” data-options=”handle:’#title&#39;” 
style=”width:100px;height:100px;”> <div id=”title” 
style=”background:#ccc;”>title</div></div>
登入後複製

2、使用Javascript創建一個可拖曳的元素。

<div id=”dd” style=”width:100px;height:100px;”>
<div id=”title” style=”background:#ccc;”>title</div>
</div>
登入後複製
$(‘#dd’).draggable({
handle:’#title’
});
登入後複製

上面兩種方法你們會麼?接下來跟大家介紹一下Draggable(拖曳)插件的屬性、事件、方法。

屬性:

jQuery EasyUI 教學-Draggable(拖曳)

事件:

jQuery EasyUI 教學-Draggable(拖曳)

方法:

jQuery EasyUI 教學-Draggable(拖曳)

.cn)!


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板