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

查看所有标签

码农书籍

PHP典型模块与项目实战大全

杨宇 / 清华大学出版社 / 2012-1 / 79.00元

《PHP典型模块与项目实战大全》以实战开发为原则，以PHP典型模块和项目开发为主线，通过12个高质量的PHP典型模块和6个PHP大型应用，向读者揭示了Web开发的整体结构，并详尽地介绍PHP开发与建站的技术要点。《PHP典型模块与项目实战大全》附带1张DVD，内容是作者为《PHP典型模块与项目实战大全》录制的全程多媒体语音教学视频及《PHP典型模块与项目实战大全》所涉及的源代码。《PHP典型模块与......一起来看看《PHP典型模块与项目实战大全》这本书的介绍吧!

码农工具

文章

话题

教程

Tips

#include <iostream>
using namespace std;
int main()
{
    cout<<"Hello, World!"<<flush;
    return 0;
}

jQuery EasyUI 基础插件 - Droppable 可放置

用法

属性

事件

方法

PHP典型模块与项目实战大全

Markdown 在线编辑器

HEX CMYK 转换工具

HSV CMYK 转换工具