jquery1.4后 jqDrag 拖动 不可用


Posted in Javascript onFebruary 06, 2010
(function($){ 
$.fn.jqDrag=function(h){return i(this,h,'d');}; 
$.fn.jqResize=function(h){return i(this,h,'r');}; 
$.jqDnR={dnr:{},e:0, 
drag:function(v){ 
if(M.k == 'd')E.css({left:M.X+v.pageX-M.pX,top:M.Y+v.pageY-M.pY}); 
else E.css({width:Math.max(v.pageX-M.pX+M.W,0),height:Math.max(v.pageY-M.pY+M.H,0)}); 
return false;}, 
stop:function(){E.css('opacity',M.o);$().unbind('mousemove',J.drag).unbind('mouseup',J.stop);} 
}; 
var J=$.jqDnR,M=J.dnr,E=J.e, 
i=function(e,h,k){return e.each(function(){h=(h)?$(h,e):e; 
h.bind('mousedown',{e:e,k:k},function(v){var d=v.data,p={};E=d.e; 
// attempt utilization of dimensions plugin to fix IE issues 
if(E.css('position') != 'relative'){try{E.position(p);}catch(e){}} 
M={X:p.left||f('left')||0,Y:p.top||f('top')||0,W:f('width')||E[0].scrollWidth||0,H:f('height')||E[0].scrollHeight||0,pX:v.pageX,pY:v.pageY,k:d.k,o:E.css('opacity')}; 
E.css({opacity:0.8});$().mousemove($.jqDnR.drag).mouseup($.jqDnR.stop); 
return false; 
}); 
});}, 
f=function(k){return parseInt(E.css(k))||false;}; 
})(jQuery);

修改后
(function($){ 
$.fn.jqDrag=function(h){return i(this,h,'d');}; 
$.fn.jqResize=function(h){return i(this,h,'r');}; 
$.jqDnR={dnr:{},e:0, 
drag:function(v){ 
if(M.k == 'd')E.css({left:M.X+v.pageX-M.pX,top:M.Y+v.pageY-M.pY}); 
else E.css({width:Math.max(v.pageX-M.pX+M.W,0),height:Math.max(v.pageY-M.pY+M.H,0)}); 
return false;}, 
stop:function(){E.css('opacity',M.o);$(document).unbind('mousemove',J.drag).unbind('mouseup',J.stop);} 
}; 
var J=$.jqDnR,M=J.dnr,E=J.e, 
i=function(e,h,k){return e.each(function(){h=(h)?$(h,e):e; 
h.bind('mousedown',{e:e,k:k},function(v){var d=v.data,p={};E=d.e; 
// attempt utilization of dimensions plugin to fix IE issues 
if(E.css('position') != 'relative'){try{E.position(p);}catch(e){}} 
M={X:p.left||f('left')||0,Y:p.top||f('top')||0,W:f('width')||E[0].scrollWidth||0,H:f('height')||E[0].scrollHeight||0,pX:v.pageX,pY:v.pageY,k:d.k,o:E.css('opacity')}; 
E.css({opacity:0.8});$(document).mousemove($.jqDnR.drag).mouseup($.jqDnR.stop); 
return false; 
}); 
});}, 
f=function(k){return parseInt(E.css(k))||false;}; 
})(jQuery);

即可
Javascript 相关文章推荐
Div自动滚动到末尾的代码
Oct 26 Javascript
js实现网页右上角滑出会自动消失大幅广告的方法
Feb 27 Javascript
JavaScript中的acos()方法使用详解
Jun 14 Javascript
JS选取DOM元素的简单方法
Jul 08 Javascript
JavaScript实现类似拉勾网的鼠标移入移出效果
Oct 27 Javascript
JS如何生成一个不重复的ID的函数
Dec 25 Javascript
js读取json文件片段中的数据实例
Mar 09 Javascript
javascript防篡改对象实例详解
Apr 10 Javascript
JS表格组件神器bootstrap table使用指南详解
Apr 12 Javascript
微信小程序实现滑动删除效果
May 19 Javascript
纯js实现的积木(div层)拖动功能示例
Jul 19 Javascript
vue3.0搭配.net core实现文件上传组件
Oct 29 Javascript
javascript小数计算出现近似值的解决办法
Feb 06 #Javascript
jquery 插件实现图片延迟加载效果代码
Feb 06 #Javascript
Lazy Load 延迟加载图片的 jQuery 插件
Feb 06 #Javascript
jquery.lazyload  实现图片延迟加载jquery插件
Feb 06 #Javascript
利用jQuery 实现GridView异步排序、分页的代码
Feb 06 #Javascript
javascript contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
Feb 04 #Javascript
使用SyntaxHighlighter实现HTML高亮显示代码的方法
Feb 04 #Javascript
You might like
基于thinkPHP3.2实现微信接入及查询token值的方法
2017/04/18 PHP
PHPCrawl爬虫库实现抓取酷狗歌单的方法示例
2017/12/21 PHP
监控 url fragment变化的js代码
2010/04/19 Javascript
Js切换功能的简单方法
2010/11/23 Javascript
javascript重写alert方法的实例代码
2013/03/29 Javascript
JQuery中使用on方法绑定hover事件实例
2014/12/09 Javascript
使用jQuery实现更改默认alert框体
2015/04/13 Javascript
在HTML中插入JavaScript代码的示例
2015/06/03 Javascript
javascript中checkbox使用方法实例演示
2015/11/19 Javascript
angular基于路由控制ui-router实现系统权限控制
2016/09/27 Javascript
bootstrap table实现双击可编辑、添加、删除行功能
2017/09/27 Javascript
使用Vue构建可重用的分页组件
2018/03/26 Javascript
vue项目中vue-i18n和element-ui国际化开发实现过程
2018/04/25 Javascript
对vue中methods互相调用的方法详解
2018/08/30 Javascript
说说Vuex的getters属性的具体用法
2019/04/15 Javascript
微信小程序获取用户绑定手机号方法示例
2019/07/21 Javascript
jQuery实现的图片点击放大缩小功能案例
2020/01/02 jQuery
javascript实现搜索筛选功能实例代码
2020/11/12 Javascript
python 多进程通信模块的简单实现
2014/02/20 Python
Python 模拟购物车的实例讲解
2017/09/11 Python
在Windows中设置Python环境变量的实例讲解
2018/04/28 Python
python 顺时针打印矩阵的超简洁代码
2018/11/14 Python
python函数修饰符@的使用方法解析
2019/09/02 Python
Python3批量创建Crowd用户并分配组
2020/05/20 Python
详解tensorflow2.x版本无法调用gpu的一种解决方法
2020/05/25 Python
Pycharm中配置远程Docker运行环境的教程图解
2020/06/11 Python
CSS3 mask 遮罩的具体使用方法
2017/11/03 HTML / CSS
美国最大的网上冲印店:Shutterfly
2017/01/01 全球购物
Brasty波兰:香水、化妆品、手表网上商店
2019/04/15 全球购物
大学生专业个人学习的自我评价
2013/10/26 职场文书
服装厂厂长职责
2013/12/16 职场文书
校园活动策划书范文
2014/01/10 职场文书
农村党支部先进事迹
2014/01/14 职场文书
学生会部长竞选稿
2015/11/19 职场文书
2019假期福利管理制度!
2019/07/15 职场文书
js 实现验证码输入框示例详解
2022/09/23 Javascript