Draggable 可拖动
来源:互联网 发布:高斯键盘知乎 编辑:程序博客网 时间:2024/04/30 09:10
Draggable 可拖动
用$.fn.draggable.defaults重写默认值。
用法示例
用标签创建一个可拖动元素。
- <div id="dd" class="easyui-draggable" data-options="handle:'#title'" style="width:100px;height:100px;">
- <div id="title" style="background:#ccc;">title</div>
- </div>
- <div id="dd" style="width:100px;height:100px;">
- <div id="title" style="background:#ccc;">title</div>
- </div>
- $('#dd').draggable({
- handle:'#title'
- });
属性
下面的示例展示了如何创建一个简单的代理对象。
$('.dragitem').draggable({proxy: function(source){var p = $('<div style="border:1px solid #ccc;width:80px"></div>');p.html($(source).html()).appendTo('body');return p;}});
nullrevertboolean如果设置为true,当拖动结束时,元素将返回到原始位置。falsecursorstring拖动时css光标。movedeltaXnumber拖动元素相对于当前光标x的位置。nulldeltaYnumber拖动元素相对于当前光标y的位置。nullhandleselector启动draggable的处理(handle)。nulldisabledboolean为true禁止拖动。falseedgenumber在可移动范围内拖动。0axisstring定义拖动元素可在其上移动的轴,可用的值是'V'或'h',当设置为null,将会沿着'v'和'h'的方向移动。null
事件
方法
- Draggable 可拖动
- 拖动draggable
- easyUI之可拖动控件——easyui-draggable
- Draggable Card-可拖动层叠卡片轮播的实现
- EasyUI学习笔记(七)——Draggable 可拖动
- draggable可拖动的ListView,并且支持行删除功能
- 03.draggable 可被拖动插件 ,droppable 可容纳拖动插件 与resizable 可调整大小插件
- easyui-2、draggable(拖动)
- easyui--draggable 拖动
- draggable拖动事件
- jQuery Easy UI Draggable(拖动)组件
- jQueryEasyUI学习笔记(2) - Draggable(拖动)组件
- easyui Draggable组件实现拖动效果
- Draggable
- 有关easyUI的拖动操作中droppable,draggable用法例子
- 创建可拖动控件
- 可拖动的DIV
- JavaScript可拖动DIV
- 编程体会
- Ubuntu快捷键 终端快捷键
- [ VIM ] vim 打造自己的VIM界面!
- poj 3259
- 马戏团人塔问题
- Draggable 可拖动
- 知识交易如何才能做到“安全”“诚信”?
- vb.net 2010/2008 导出到excel,无需引用
- CPU-Z v1.62
- 使用_TrackMouseEvent捕获WM_MOUSELEAVE和WM_MOUSEHOVER消息
- 谁是最好的Coder
- opengl编程指南
- 【JavaWeb】画验证码图片
- Activity 启动模式