首頁 > web前端 > js教程 > jQuery EasyUI 教學-Droppable(放置)

jQuery EasyUI 教學-Droppable(放置)

黄舟
發布: 2016-12-27 16:28:22
原創
1372 人瀏覽過

上一篇文章給大家介紹了jQuery EasyUI 教學-Draggable(拖曳)插件,除使用Draggable(拖曳)插件拖曳任意元素外,還可以呼叫Droppable(放置)UI插件將拖曳後的任意元素放置到指定區域中,類似購物車效果。

好了,接下來大家就來學習jQuery-Droppable(放置)吧!

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

使用案例:

透過標籤和Javascript兩種方法建立放置區。

1、透過標籤建立一個放置區。

<div id=”dd” class=”easyui-droppable” data-options=”accept:’#d1,#d3′” 
style=”width:100px;height:100px;”></div>
登入後複製

2、使用Javascript建立一個放置區。

<div id=”dd” style=”width:100px;height:100px;”></div>
登入後複製
$(‘#dd’).droppable({
accept:’#d1,#d3′
});
登入後複製

屬性:

jQuery EasyUI 教學-Droppable(放置)

事件:

jQuery EasyUI 教學-Droppable(放置)

方法:

jQuery EasyUI 教學-Droppable(放置)

方法:


(Qu php.cn)! 

🎜🎜🎜
相關標籤:
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
引入jQuery 文件
來自於 1970-01-01 08:00:00
0
0
0
jquery筆記哪裡有下?
來自於 1970-01-01 08:00:00
0
0
0
javascript - vue+webpack怎麼引入jquery
來自於 1970-01-01 08:00:00
0
0
0
php+jquery的問題
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板