拖动组件

Posted 艾登

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了拖动组件相关的知识,希望对你有一定的参考价值。

 

$(function(){
$("#box").draggable({
//revert:true, //拖动后放开返回原来位置
// cursor:Text, //设置拖动鼠标样式
// handle:‘#pox‘, //指定鼠标在某个控件上可以拖动
//disable:true, //不可拖动
// edge:20, //离上下左右边框20px以内的位置可以拖动
// axis:‘h‘, //‘v‘ 竖直拖动 ‘h’平行拖动
//proxy: function (source) {
// var p = $(‘<div style="border:1px solid #ccc;width:400px;height:200px"></div>‘);
// p.html($(source).html()).appendTo(‘body‘);
// return p;          
//}
// onBeforeDrag: function (e) { //alert("拖动前");
// },
// onStopDrag: function (e) { alert("拖动后"); disable: $("#box").draggable({disable:true,})},
});
});

以上是关于拖动组件的主要内容,如果未能解决你的问题,请参考以下文章

拖动组件

可拖动的 vue 组件

第一百九十三节,jQuery EasyUI,Draggable(拖动)组件

DnD - 为啥拖动的标签显示在其他组件下方?

JQuery EasyUI---Draggable( 拖动) 组件

可拖动组件[关闭]