总结发布jQuery EasyUI 中文API—Draggable

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

Draggable 使用说明

HTML代码
  1. < div   id = "dd"   style = "width:100px;height:100px;border:1px solid #ccc;" >   
  2.      < div   id = "title"   style = "background:#ccc;" > title </ div >   
  3. </ div >   
JQuery代码
  1. $( ‘#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就做些基本的,各种参数没有全做到】  官方文档

我来评几句
登录后评论

已发表评论数()

相关站点

热门文章