首页 > web前端 > js教程 > 正文

jQuery EasyUI 教程-Droppable(放置)

黄舟
发布: 2016-12-27 16:28:22
原创
1292 人浏览过

上一篇文章给大家介绍了jQuery EasyUI 教程-Draggable(拖动)插件,除使用Draggable(拖动)插件拖拽任意元素外,还可以调用Droppable(放置)UI插件将拖拽后的任意元素放置到指定区域中,类似购物车效果。

好了,接下来大家就学习jQuery-Droppable(放置)吧!

使用$.fn.droppable.defaults重写默认值对象。

使用案例:

通过标签和Javascript两种方法创建放置区。

1、通过标签创建一个放置区。

<div id=”dd” class=”easyui-droppable” data-options=”accept:’#d1,#d3′” 
style=”width:100px;height:100px;”></div>
登录后复制

2、使用Javascript创建一个放置区。

<div id=”dd” style=”width:100px;height:100px;”></div>
登录后复制
$(‘#dd’).droppable({
accept:’#d1,#d3′
});
登录后复制

属性:

443.png

事件:

444.png

方法:

445.png

 以上就是jQuery EasyUI 教程-Droppable(放置)的内容,更多相关内容请关注PHP中文网(www.php.cn)! 


相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板