您当前的位置:首页 > 网站建设 > jQuery
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery |

jQuery EasyUI 基础插件 - Droppable 可放置

51自学网 2023-01-16 20:14:25
  jQuery

通过 $.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 元素。

方法

名称 参数 描述
options none 返回选项(options)对象。
enable none 启用可放置功能。
disable none 禁用可放置功能。

下载地址:
jQuery EasyUI 基础插件 - Resizable 可调整尺寸
jQuery EasyUI 基础插件 - Draggable 可拖动
51自学网,即我要自学网,自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1