jQueryEasyUI教程-Droppable（放置）

来源：动视网责编：小采时间：2020-11-27 20:27:46

jQueryEasyUI教程-Droppable（放置）

jQueryEasyUI教程-Droppable（放置）:上一篇文章给大家介绍了jQuery EasyUI 教程-Draggable（拖动）插件，除使用Draggable（拖动）插件拖拽任意元素外，还可以调用Droppable（放置）UI插件将拖拽后的任意元素放置到指定区域中，类似购物车效果。好了，接下来大家就学习jQuery-Droppa

推荐度：

点击下载本文 文档为doc格式

导读jQueryEasyUI教程-Droppable（放置）:上一篇文章给大家介绍了jQuery EasyUI 教程-Draggable（拖动）插件，除使用Draggable（拖动）插件拖拽任意元素外，还可以调用Droppable（放置）UI插件将拖拽后的任意元素放置到指定区域中，类似购物车效果。好了，接下来大家就学习jQuery-Droppa

上一篇文章给大家介绍了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′
});

属性：

事件：

方法：

jQueryEasyUI教程-Droppable（放置）

推荐度：

点击下载本文 文档为doc格式

标签：教程放置 easyUI

热门焦点

jQueryEasyUI教程-Droppable（放置）

jQueryEasyUI教程-Droppable（放置）

jQueryEasyUI教程-Droppable（放置）

最新推荐

猜你喜欢

热门推荐