所谓放置,就是将一个物体放入一个物体内,当然对于easyui来说触发各种效果是必不可少的,同时这个组件也不会依赖于其他组件。
Droppable的加载方式
1,class 加载 一直不太喜欢class方式的加载 浪费一个位置,代码一多还看着乱七八糟的。
复制代码 代码如下:<div id='dd' class="easyui-droppable" data-options="accept:'#box,#pox'"></div>
2,js 加载调用
$("#box").droppable({ accept:'#pox', //将元素pox 放置在元素box中 });
Droppable的属性
1,accept 默认为null,确定哪些元素被接受,也就是那个元素能被放置
$("#box").droppable({ accept:'#pox', //将元素pox 放置在元素box中 });
2,deisabled 默认为false 如果为true,则禁止放置
$("#box").droppable({ accept:'#pox', //将元素pox 放置在元素box中 disabled : true , //禁止放置 });
Droppable 事件列表
1,onDragEnter 在被拖拽元素到放置区域内的时候触发
2,onDragOver 在被拖拽元素经过放置区域的时候触发
3,onDragLeave 在被拖拽元素离开放置区域的时候触发
4,onDrop 在被拖拽元素放入到放置区的时候触发
onDragEnter /onDragOver/onDragLeave/onDrop: function (e,source){ //source 参数获取DOM元素 }
Droppable 方法列表
1,options 返回属性对象
console.log($('#box').droppable('options'));
2,enable,disable 和上面属性的功能是一样的 分别是启用和禁止放置
$('#box').droppable('enable/disable')
给大家展示下官方的示例吧
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Accept a Drop - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.6/themes/metro/easyui.css"> <link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.6/themes/icon.css"> <link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.6/demo/demo.css"> <script type="text/javascript" src="/UploadFiles/2021-04-02/jquery.min.js">运行效果图这里就不给出了,官网直接就可以查看。OVER!
效果地址: http://www.jeasyui.com/demo/main/index.php?plugin=Droppable&theme=default&dir=ltr&pitem=
easyui 1.3.5 Droppable 就此完结。
easyui,Droppable
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!
昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。
这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?