閱讀(3.9k) 書簽贊(0) 我要糾錯

jQuery EasyUI 基礎(chǔ)插件 – Droppable 可釋放

2018-09-20 04:54 更新

jQuery EasyUI 基礎(chǔ)插件 - Droppable 可放置

通過 $.fn.droppable.defaults 重寫默認的 defaults。

通過標記創(chuàng)建可放置（droppable）區(qū)域。

<div class="easyui-droppable" data-options="accept:'#d1,#d3'" style="width:100px;height:100px;">
</div>

使用 javascript 創(chuàng)建可放置（droppable）區(qū)域。

<div id="dd" style="width:100px;height:100px;"></div>

$('#dd').droppable({
    accept:'#d1,#d3'
});

名稱	類型	描述	默認值
accept	selector	確定將被接受的可拖動元素。	null
disabled	boolean	如果設(shè)置為 true，則停止可放置（droppable）。	false

名稱	參數(shù)	描述
onDragEnter	e,source	當(dāng)可拖動元素被拖進來時觸發(fā)。source 參數(shù)指被拖動的 DOM 元素。
onDragOver	e,source	當(dāng)可拖動元素被拖過時觸發(fā)。source 參數(shù)指被拖動的 DOM 元素。
onDragLeave	e,source	當(dāng)可拖動元素被拖離開時觸發(fā)。source 參數(shù)指被拖動的 DOM 元素。
onDrop	e,source	當(dāng)可拖動元素被放下時觸發(fā)。source 參數(shù)指被拖動的 DOM 元素。

以上內(nèi)容是否對您有幫助：

寫筆記

我要補充