今天在做gis过程中,需要实现对popup的拖动,所以做了以下实现。
//绑定drap事件,d为jquery对象,_x_y为偏移量
var bindDrag = function(d,_x,_y){
var _canDarg = 0;
var _oldxy = {x:0,y:0};
alert(_x+" " +_y);
if(_x != 0 && _x != undefined){
_oldxy.x = _x;
}
if(_y != 0 && _y != undefined){
_oldxy.y = _y;
}
d.mousedown(function(e){
_canDarg = 1;
if(_oldxy.x == 0){
_oldxy.x = e.clientX - d.offset().left;
}
if(_oldxy.y == 0 ){
_oldxy.y = e.clientY - d.offset().top;
}
});
$(document).mousemove(function(e){
if(_canDarg == 1){
d.css("position","absolute");
d.css("left",e.clientX-_oldxy.x);
d.css("top",e.clientY-_oldxy.y);
}
});
$(document).mouseup(function(e){
if(_canDarg ==1){
_canDarg = 0;
}
});
};
分享到:
相关推荐
jQuery拖拽插件drag.js
bootstrap-table拖拽需要dragtable.css,jquery.dragtable.js,jquery-ui.js,bootstrap-table-reorder-columns.js
jQuery ui drag插件实现浮动div拖动排列布局代码,jQuery实现拖动布局并将排序结果保存到数据库
jquery.event.drag jquery拖动插件
Qt之QToolButton与QGroupBox实现动态拖拽Drag、Drop功能,可以随意拖放到QGroupBox内,也可以与现有的QToolButton交换位置,也可以拖拽出QGroupBox外释放
jquery实现Drag and Drop,图片拖拽实例
表格拖拽排序插件 Table Drag and Drop JQuery plugin v0.7 最新0.7版本
一款基于drag.js插件实现的支持水平拖拽,垂直拖拽,自由拖拽等特效的jQuery拖拽代码。
拖拽drag.js
jQuery实现拖拽DIV放大缩小插件“idrag”
利用drag+jquery+html在网页实现任意放大、缩小、拖拽、移动功能,可以利用此完善制作更广泛的应用场景。
拖拽插件、drag 拖拽插件、drag 拖拽插件、drag 拖拽插件、drag
jquery.drag.js 使用jQuery轻松拖动元素但没有jQueryUI 主要基于在那里找到的脚本和评论: : 我刚刚补充说: 小更正支持触摸事件每次移动后回调用法 : $('div').drags({ handle: ".myHandle", onMoved: function(){...
很好用的jQuery拖拽排序插件,兼容IE浏览器
通过鼠标拖动来改变div的顺序,来实现指标的排序。使用了Jquery,jquery-ui.js,sortable,自己原创,效果很绚。 配合ThinkPHP可以实现把数据入库,由于使用的是ubuntu, 文件编码格式都是utf-8.
jQuery可水平垂直自由拖拽代码是一款基于drag.js插件实现的支持水平拖拽,垂直拖拽,自由拖拽等不同特效。
drag - 原生js实现的八角拖拽
jquery_drag.rar jquery_drag.rar jquery_drag.rar jquery_drag.rar
jquery.event.drag-2.0.rar