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

2018-09-20 04:54 更新

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

jQuery EasyUI 插件 jQuery EasyUI 插件

通過(guò) $.fn.droppable.defaults 重寫(xiě)默認(rèn)的 defaults。

用法

通過(guò)標(biāo)記創(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'
});

屬性

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

事件

名稱(chēng) 參數(shù) 描述
onDragEnter e,source 當(dāng)可拖動(dòng)元素被拖進(jìn)來(lái)時(shí)觸發(fā)。source 參數(shù)指被拖動(dòng)的 DOM 元素。
onDragOver e,source 當(dāng)可拖動(dòng)元素被拖過(guò)時(shí)觸發(fā)。source 參數(shù)指被拖動(dòng)的 DOM 元素。
onDragLeave e,source 當(dāng)可拖動(dòng)元素被拖離開(kāi)時(shí)觸發(fā)。source 參數(shù)指被拖動(dòng)的 DOM 元素。
onDrop e,source 當(dāng)可拖動(dòng)元素被放下時(shí)觸發(fā)。source 參數(shù)指被拖動(dòng)的 DOM 元素。

方法

名稱(chēng) 參數(shù) 描述
options none 返回選項(xiàng)（options）對(duì)象。
enable none 啟用可放置功能。
disable none 禁用可放置功能。
jQuery EasyUI 插件 jQuery EasyUI 插件
以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)