欢迎来到.net学习网

欢迎联系站长一起更新本网站!QQ:879621940

您当前所在位置:首页 » JQuery EasyUI 1.3.6官方API文档中文版 » 正文

Draggable(拖动)

创建时间:2014年08月23日 09:17  阅读次数:(3922)
分享到:

Draggable(拖动)

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

使用案例

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

  1. <div id="dd" class="easyui-draggable" data-options="handle:'#title'" style="width:100px;height:100px;">
  2. <div id="title" style="background:#ccc;">title</div>
  3. </div>

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

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

  1. $('#dd').draggable({
  2. handle:'#title'
  3. });


属性

属性名 属性值类型 描述 默认值
proxy string,function

在拖动的时候使用的代理元素,当使用'clone'的时候,将使用该元素的一个复制元素来作为替代元素。如果指定了一个函数,

它将返回一个jquery对象。

下面的例子显示了如何创建一个简单的代理对象。

$('.dragitem').draggable({
	proxy: function(source){
		var p = $('<div style="border:1px solid #ccc;width:80px"></div>');
		p.html($(source).html()).appendTo('body');
		return p;
	}
});
null
revert boolean 如果设置为true,在拖动停止时元素将返回起始位置。 false
cursor string 拖动时的CSS指针样式。 move
deltaX number 被拖动的元素对应当前光标位置x。 null
deltaY number 被拖动的元素对应当前光标位置y。 null
handle selector 开始拖动的句柄。 null
disabled boolean 如果设置为true,则停止拖动。 false
edge number 可以在其中拖动的容器的宽度。 0
axis string 定义元素移动的轴向,可用值有:'v'或'h',当没有设置或设置为null时可同时在水平和垂直方向上拖动。 null

 

事件

Name Parameters Description
onBeforeDrag e 在拖动之前触发,返回false将取消拖动。
onStartDrag e 在目标对象开始被拖动时触发。
onDrag e 在拖动过程中触发,当不能再拖动时返回false。
onStopDrag e 在拖动停止时触发。

 

方法

Name Parameter Description
options none 返回属性对象。
proxy none 如果代理属性被设置则返回该拖动代理元素。
enable none 允许拖动。
disable none 禁止拖动。

)
来源:
说明:所有来源为 .net学习网的文章均为原创,如有转载,请在转载处标注本页地址,谢谢!
【编辑:Wyf】

打赏

取消

感谢您的支持,我会做的更好!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

最新评论

共有评论3条
  • #1楼  评论人:颖火虫  评论时间:2016-8-28 22:52:27
  • 很有用,赞
  • #2楼  评论人:wq  评论时间:2016-9-27 10:45:16
  • eqeq
  • #3楼  评论人:meikb  评论时间:2017-1-10 16:46:01
  • 怎么获取当前div拖动到哪个div上面了,在drag的时候
发表评论:
留言人:
内  容:
请输入问题 73+70=? 的结果(结果是:143)
结  果: