jQuery EasyUI 基础插件 – Droppable 可释放

优质
小牛编辑
132浏览
2023-12-01
pre { white-space: pre-wrap; } 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'
});

属性

名称类型描述默认值
acceptselector确定将被接受的可拖动元素。null
disabledboolean如果设置为 true,则停止可放置(droppable)。false

事件

名称参数描述
onDragEntere,source当可拖动元素被拖进来时触发。source 参数指被拖动的 DOM 元素。
onDragOvere,source当可拖动元素被拖过时触发。source 参数指被拖动的 DOM 元素。
onDragLeavee,source当可拖动元素被拖离开时触发。source 参数指被拖动的 DOM 元素。
onDrope,source当可拖动元素被放下时触发。source 参数指被拖动的 DOM 元素。

方法

名称参数描述
optionsnone返回选项(options)对象。
enablenone启用可放置功能。
disablenone禁用可放置功能。
jQuery EasyUI 插件