首页 > 代码库 > 05 jQuery EasyUI 之Draggable可拖动
05 jQuery EasyUI 之Draggable可拖动
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
05 jQuery EasyUI 之Draggable可拖动
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。