您的当前位置:首页正文

jQueryEasyUI教程-Droppable(放置)

2020-11-27 来源:客趣旅游网
上一篇文章给大家介绍了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

显示全文