Draggable插件有2种方式实现
第一种 通过标记创建Draggable元素
<div id="dra" class="easyui-draggable" data-options="handle:'#title'" > <div id="title" >Draggable元素</div> </div>
第二种 使用 javascript代码创建Draggable元素
先编写HTML代码
<div id="dra" > <div id="title" >Draggable元素</div> </div>
在编写JS代码创建Draggable元素:通过ID加载
$('#dra').draggable({ handle:'#title', //启动可拖动的处理 //如果需要停止拖动可以设置disabled为true revert:true, //拖动后返回开始位置 proxy:function(source){ // 创建代理对象 var p = $('<div ></div>'); p.html($(source).html()).appendTo('body'); return p; }; });
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。