Droppable（放置）

使用$.fn.iDroppable.defaults重写默认值对象。

用法

通过标签创建一个放置区。

<div id="dd" data-toggle="topjui-droppable" data-options="accept:'#d1,#d3'" style="width:100px;height:100px;"></div>

使用Javascript创建一个放置区。

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

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

属性

属性名	属性值类型	描述	默认值
accept	selector	确定哪些可拖拽元素将被接受。	null
disabled	boolean	如果为true，则禁止放置。	false

事件

事件名	事件参数	描述
onDragEnter	e,source	在被拖拽元素到放置区内的时候触发，source参数表示被拖拽的DOM元素。
onDragOver	e,source	在被拖拽元素经过放置区的时候触发，source参数表示被拖拽的DOM元素。
onDragLeave	e,source	在被拖拽元素离开放置区的时候触发，source参数表示被拖拽的DOM元素。
onDrop	e,source	在被拖拽元素放入到放置区的时候触发，source参数表示被拖拽的DOM元素。

方法

方法名	方法参数	描述
options	none	返回属性对象。
enable	none	启用放置功能。
disable	none	禁用放置功能。