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

查看所有标签

码农书籍

进化

北大首届互联网CIO-CTO班全体同学著 / 人民邮电出版社 / 2014-10 / 39

精彩视频：http://v.youku.com/v_show/id_XNzkyNzAyNDA0.html 京东购买链接：http://item.jd.com/11549275.html 互动出版网购买链接：http://product.china-pub.com/4352423 互联网是一个年轻的行业，同时也是一个推陈出新、不断进化的行业。本书是北京大学首届互联网CIO-......一起来看看《进化》这本书的介绍吧!

码农工具

RGB转16进制工具

RGB HEX 互转工具

随机密码生成器

多种字符组合密码

New

文章

话题

教程

Tips

#include <stdio.h>
int main()
{
    printf("Hello, World!");
    return 0;
}