客趣旅游网
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′
});属性：
事件：
方法：
