05 jQuery EasyUI 之Draggable可拖动
浏览数：41 /
时间：2015年06月09日
Draggable插件有2种方式实现
第一种 通过标记创建Draggable元素
<div id="dra" class="easyui-draggable" data-options="handle:‘#title‘" style="width:100px;height:100px;"> <div id="title" style="background:red;">Draggable元素</div> </div>
第二种 使用 javascript代码创建Draggable元素
先编写HTML代码
<div id="dra" style="width:100px;height:100px;"> <div id="title" style="background:#ccc;">Draggable元素</div> </div>
在编写JS代码创建Draggable元素:通过ID加载
$(‘#dra‘).draggable({
handle:‘#title‘, //启动可拖动的处理
//如果需要停止拖动可以设置disabled为true
revert:true, //拖动后返回开始位置
proxy:function(source){ // 创建代理对象
var p = $(‘<div style="border:1px solid #ccc;width:80px"></div>‘);
p.html($(source).html()).appendTo(‘body‘);
return p;
};
});本文出自 “老牛Java” 博客，请务必保留此出处http://liuyj.blog.51cto.com/2340749/1590855
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
