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 相关文章推荐
关于jquery ajax 调用带参数的webservice返回XML数据一个小细节
Jul 31 Javascript
IE8提示Invalid procedure call or argument 异常的解决方法
Sep 30 Javascript
Android中资源文件(非代码部分)的使用概览
Dec 18 Javascript
js计算字符串长度包含的中文是utf8格式
Oct 15 Javascript
jQuery的3种请求方式$.post,$.get,$.getJSON
Mar 28 Javascript
简介JavaScript中fixed()方法的使用
Jun 08 Javascript
jquery-tips悬浮提示插件分享
Jul 31 Javascript
在vue项目中集成graphql(vue-ApolloClient)
Sep 08 Javascript
微信小程序实现文件、图片上传功能
Aug 18 Javascript
深入了解JavaScript 的 WebAssembly
Jun 15 Javascript
Vue解决echart在element的tab切换时显示不正确问题
Aug 03 Javascript
antd Form组件方法getFieldsValue获取自定义组件的值操作
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
phpmyadmin的#1251问题
2006/11/25 PHP
使用PHPMailer实现邮件发送代码分享
2014/10/23 PHP
php实现singleton()单例模式实例
2014/11/06 PHP
PHP绕过open_basedir限制操作文件的方法
2018/06/10 PHP
php写app用的框架整理
2019/09/29 PHP
在 Laravel 中动态隐藏 API 字段的方法
2019/10/25 PHP
jquery中的sortable排序之后的保存状态的解决方法
2010/01/28 Javascript
json数据处理技巧(字段带空格、增加字段、排序等等)
2013/06/14 Javascript
JavaScript调试技巧之console.log()详解
2014/03/19 Javascript
教你在heroku云平台上部署Node.js应用
2014/07/30 Javascript
jQuery实现冻结表头的方法
2015/03/09 Javascript
jQuery实现悬浮在右上角的网页客服效果代码
2015/10/24 Javascript
Bootstrap Chart组件使用教程
2016/04/28 Javascript
jQuery删除节点用法示例(remove方法)
2016/09/08 Javascript
Javascript自定义事件详解
2017/01/13 Javascript
Vue实例简单方法介绍
2017/01/20 Javascript
微信小程序 图片上传实例详解
2017/05/05 Javascript
JavaScript定义函数_动力节点Java学院整理
2017/06/27 Javascript
原生JS实现的双色球功能示例
2018/02/02 Javascript
使用Vue-scroller页面input框不能触发滑动的问题及解决方法
2020/08/08 Javascript
[03:16]DOTA2完美大师赛主赛事首日集锦
2017/11/23 DOTA
Python实现发送email的几种常用方法
2014/08/18 Python
python使用MySQLdb访问mysql数据库的方法
2015/08/03 Python
Python检测生僻字的实现方法
2016/10/23 Python
Python enumerate索引迭代代码解析
2018/01/19 Python
python3.4控制用户输入与输出的方法
2018/10/17 Python
基于wxPython的GUI实现输入对话框(1)
2019/02/27 Python
使用Python正则表达式操作文本数据的方法
2019/05/14 Python
使用Python的turtle模块画国旗
2019/09/24 Python
使用pytorch和torchtext进行文本分类的实例
2020/01/08 Python
德国柯吉澳趣味家居:Koziol
2017/08/24 全球购物
意大利自行车商店:Cingolani Bike Shop
2019/09/03 全球购物
超市实习总结自我鉴定
2013/09/19 职场文书
车贷收入证明范本
2014/09/14 职场文书
Redis Cluster 集群搭建你会吗
2021/08/04 Redis
vue cli4中mockjs在dev环境和build环境的配置详情
2022/04/06 Vue.js