首页 > web前端 > js教程 > jQuery EasyUI 教程-Draggable(拖动)

jQuery EasyUI 教程-Draggable(拖动)

黄舟
发布: 2016-12-27 16:25:25
原创
1489 人浏览过

大家好,关于jQuery EasyUI 教程的学习,前面两篇文章主要是对jQuery EasyUI解析器、加载器的基础了解。对于入门阶段我们只需简单的了解下即可,毕竟先阶段并不会太过深入。

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

使用案例:

通过标签和Javascript两种方法来实现。

1、通过标签创建一个可拖动的元素。

<div id=”dd” class=”easyui-draggable” data-options=”handle:’#title&#39;” 
style=”width:100px;height:100px;”> <div id=”title” 
style=”background:#ccc;”>title</div></div>
登录后复制

2、使用Javascript创建一个可拖动的元素。

<div id=”dd” style=”width:100px;height:100px;”>
<div id=”title” style=”background:#ccc;”>title</div>
</div>
登录后复制
$(‘#dd’).draggable({
handle:’#title’
});
登录后复制

上面两种方法你们会么?接下来给大家介绍一下Draggable(拖动)插件的属性、事件、方法。

属性:

440.png

事件:

441.png

方法:

442.png

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


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