jQuery EasyUI 基礎プラグイン -Droppable ドロップ可能

$.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 要素を示します。