总结发布jQuery EasyUI 中文API—Draggable

 

前台开发，很多人喜欢用JQuery，但是在做后台管理系统，特别是企业管理系统，例如WEB进销存系统等，很多人都会选择ExtJS，因为ExtJS提供了非常多的UI界面，并且非常友好。现在JQuery也有一个很好的UI插件——jQuery EasyUI，迄今为止也没有找到合适的中文API文档，自己就总结了一些跟大家一起分享。

 

Draggable 使用说明

HTML代码

<div id="dd" style="width:100px;height:100px;border:1px solid #ccc;">
    <div id="title" style="background:#ccc;">title</div>
</div>

JQuery代码

$('#dd').draggable(options);

貌似也没有特别的，跟jquery 官方的ui一样……

 

事件说明

名字 参数 描述 onStartDrag e 对象开始拖动触发 onDrag e 对象拖动期间触发. onStopDrag e 对象拖动停止触发

 

特性说明

名字 类型 描述 默认值 handle selector 拖动目标 null disabled boolean 对象不否能被拖动，false代表可以被拖动 false edge number 拖动时候的助力，值越大，拖动越慢【自己可以感受下】 0 axis string 定义了轴上的移动,可以拖元素的值是“v”或“h”,当设置为null会搬到“v”和“h”的方向发展。 null

 

查看演示【由于时间有限，demo就做些基本的，各种参数没有全做到】  官方文档