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 相关文章推荐
JavaScript 密码强度判断代码
Sep 05 Javascript
几种延迟加载JS代码的方法加快网页的访问速度
Oct 12 Javascript
jQuery实现自定义右键菜单的树状菜单效果
Sep 02 Javascript
Jquery on方法绑定事件后执行多次的解决方法
Jun 02 Javascript
jq实现左滑显示删除按钮,点击删除实现删除数据功能(推荐)
Aug 23 Javascript
jQuery EasyUI中的日期控件DateBox修改方法
Nov 09 Javascript
Node.JS中事件轮询(Event Loop)的解析
Feb 25 Javascript
如何给ss bash 写一个 WEB 端查看流量的页面
Mar 23 Javascript
微信小程序中使用ECharts 异步加载数据的方法
Jun 27 Javascript
vue动画打包后失效问题的解决方法
Sep 18 Javascript
简单分析js中的this的原理
Aug 31 Javascript
详解如何在Canvas中添加事件的方法
Apr 17 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
PHP三元运算符的结合性介绍
2012/01/10 PHP
PHP实现生成唯一编号(36进制的不重复编号)
2014/07/01 PHP
Yii2.0 Basic代码中路由链接被转义的处理方法
2016/09/21 PHP
php7函数,声明,返回值等新特性介绍
2018/05/25 PHP
CodeIgniter框架实现的整合Smarty引擎DEMO示例
2019/03/28 PHP
PHP利用百度ai实现文本和图片审核
2019/05/08 PHP
解析window.open的使用方法总结
2013/06/19 Javascript
JQuery中的html()、text()、val()区别示例介绍
2014/09/01 Javascript
分步解析JavaScript实现tab选项卡自动切换功能
2016/01/25 Javascript
JS正则表达式比较常见用法
2016/01/26 Javascript
Bootstrap编写导航栏和登陆框
2016/05/30 Javascript
js中setTimeout的妙用--防止循环超时
2017/03/06 Javascript
微信公众号菜单配置微信小程序实例详解
2017/03/31 Javascript
原生JavaScript实现精美的淘宝轮播图效果示例【附demo源码下载】
2017/05/27 Javascript
详解vue+vueRouter+webpack的简单实例
2017/06/17 Javascript
jQuery简单实现向列表动态添加新元素的方法示例
2017/12/25 jQuery
vue+web端仿微信网页版聊天室功能
2019/04/30 Javascript
JS原型和原型链原理与用法实例详解
2020/02/05 Javascript
按日期打印Python的Tornado框架中的日志的方法
2015/05/02 Python
Python3 适合初学者学习的银行账户登录系统实例
2017/08/08 Python
python中的文件打开与关闭操作命令介绍
2018/04/26 Python
python 通过logging写入日志到文件和控制台的实例
2018/04/28 Python
Python实现多线程下载脚本的示例代码
2020/04/03 Python
python实现在列表中查找某个元素的下标示例
2020/11/16 Python
css3针对移动端卡顿问题的解决(动画性能优化)
2020/02/14 HTML / CSS
几个人围成一圈的问题
2013/09/26 面试题
期末考试动员演讲稿
2014/01/10 职场文书
中学生差生评语
2014/01/30 职场文书
付款委托书范本
2014/04/04 职场文书
买房委托公证书
2014/04/08 职场文书
学校安全责任书
2014/04/14 职场文书
在校大学生自我评价范文
2014/09/12 职场文书
家属答谢词
2015/01/05 职场文书
全国助残日活动总结
2015/05/11 职场文书
公司员工辞职信范文
2015/05/12 职场文书
MySql数据库触发器使用教程
2022/06/01 MySQL