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 相关文章推荐
juqery 学习之三 选择器 简单 内容
Nov 25 Javascript
JQuery each打印JS对象的方法
Nov 13 Javascript
JavaScript动态修改背景颜色的方法
Apr 16 Javascript
JavaScript基本语法讲解
Jun 03 Javascript
JS简单限制textarea内输入字符数量的方法
Oct 14 Javascript
JS中闭包的经典用法小结(2则示例)
Dec 28 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(2)
Feb 20 Javascript
js弹出窗口简单实现代码
Mar 22 Javascript
javascript实现动态显示颜色块的报表效果
Apr 10 Javascript
vue 不使用select实现下拉框功能(推荐)
May 17 Javascript
Javascript实现异步编程的过程
Jun 18 Javascript
微信小程序 flexbox layout快速实现基本布局的解决方案
Mar 24 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
文件上传程序的全部源码
2006/10/09 PHP
php公用函数列表[正则]
2007/02/22 PHP
浅析php中常量,变量的作用域和生存周期
2013/08/10 PHP
PHP curl CURLOPT_RETURNTRANSFER参数的作用使用实例
2015/02/07 PHP
PHP内存缓存功能memcached示例
2016/10/19 PHP
PHP实现普通hash分布式算法简单示例
2018/08/06 PHP
根据分辩率调用不同的CSS.
2007/01/08 Javascript
关闭浏览器时提示onbeforeunload事件
2013/12/25 Javascript
a标签的href与onclick事件的区别详解
2014/11/12 Javascript
jquery.serialize() 函数语法及简单实例
2016/07/08 Javascript
Angular Module声明和获取重载实例代码
2016/09/14 Javascript
通过JS获取Request.QueryString()参数的值实现方法
2016/09/27 Javascript
Vue.js 2.0窥探之Virtual DOM到底是什么?
2017/02/10 Javascript
jQuery为DOM动态追加事件的方法
2017/02/16 Javascript
JavaScript mixin实现多继承的方法详解
2017/03/30 Javascript
JS 实现banner图片轮播效果(鼠标事件)
2017/08/04 Javascript
vue中利用Promise封装jsonp并调取数据
2019/06/18 Javascript
nodejs各种姿势断点调试的方法
2020/06/18 NodeJs
python 简易计算器程序,代码就几行
2009/08/29 Python
详解Python中的strftime()方法的使用
2015/05/22 Python
Windows下Python的Django框架环境部署及应用编写入门
2016/03/10 Python
Python urls.py的三种配置写法实例详解
2017/04/28 Python
python MySQLdb使用教程详解
2018/03/20 Python
详解python中的json和字典dict
2018/06/22 Python
Python中py文件转换成exe可执行文件的方法
2019/06/14 Python
tensorflow如何批量读取图片
2019/08/29 Python
美国韩国化妆品和护肤品购物网站:Beautytap
2018/07/29 全球购物
美国折扣香水网站:The Perfume Spot
2020/12/12 全球购物
编辑个人求职信范文
2013/09/21 职场文书
新员工培训个人的自我评价
2013/10/09 职场文书
家佳咖啡店创业计划书
2013/12/27 职场文书
2014年班主任工作总结
2014/11/08 职场文书
个人工作能力自我评价
2015/03/05 职场文书
解析:创业计划书和商业计划书二者之间到底有什么区别
2019/08/14 职场文书
Pytorch中的学习率衰减及其用法详解
2021/06/05 Python
Python中OpenCV实现简单车牌字符切割
2021/06/11 Python