jQuery EasyUI 基礎插件 - Droppable 可放置

jQuery EasyUI 插件 jQuery EasyUI 插件

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

用法

通過標記創建可放置（droppable）區域。

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

使用 javascript 創建可放置（droppable）區域。

<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 當可拖動元素被拖進來時觸發。source 參數指被拖動的 DOM 元素。
onDragOver e,source 當可拖動元素被拖過時觸發。source 參數指被拖動的 DOM 元素。
onDragLeave e,source 當可拖動元素被拖離開時觸發。source 參數指被拖動的 DOM 元素。
onDrop e,source 當可拖動元素被放下時觸發。source 參數指被拖動的 DOM 元素。

方法

名稱 參數 描述
options none 返回選項（options）對象。
enable none 啟用可放置功能。
disable none 禁用可放置功能。
jQuery EasyUI 插件 jQuery EasyUI 插件