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

jQuery EasyUI 基礎插件 – Droppable 可釋放

2018-09-20 04:54 更新

jQuery EasyUI 基礎插件 - 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	如果設置為 true，則停止可放置（droppable）。	false

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

以上內容是否對您有幫助：

寫筆記

我要補充