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;
};
});
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。