jQuery EasyUI 基础插件 - Droppable 可放置
jQuery EasyUI 教程
· 2019-04-07 11:18:17
通过 $.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 教程 文章: https://codercto.com/courses/l/42.html
JavaScript高级程序设计（第3版）
[美] Nicholas C. Zakas / 李松峰、曹力 / 人民邮电出版社 / 2012-3-29 / 99.00元
本书是JavaScript 超级畅销书的最新版。ECMAScript 5 和HTML5 在标准之争中双双胜出，使大量专有实现和客户端扩展正式进入规范，同时也为JavaScript 增添了很多适应未来发展的新特性。本书这一版除增加5 章全新内容外，其他章节也有较大幅度的增补和修订，新内容篇幅约占三分之一。全书从JavaScript 语言实现的各个组成部分——语言核心、DOM、BOM、事件模型讲起，深......一起来看看 《JavaScript高级程序设计（第3版）》 这本书的介绍吧!
