jQuery EasyUI 基础插件 – Droppable 可释放
优质
小牛编辑
131浏览
2023-12-01
pre { white-space: pre-wrap; } jQuery EasyUI 插件
jQuery EasyUI 插件
通过 $.fn.droppable.defaults 重写默认的 defaults。
用法
通过标记创建可放置(droppable)区域。
<div data-options="accept:'#d1,#d3'"> </div>
使用 javascript 创建可放置(droppable)区域。
<div id="dd"></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 | 禁用可放置功能。 |