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 学习 几种常用方法
Jun 11 Javascript
javascript是怎么继承的介绍
Jan 05 Javascript
浅析ajax请求json数据并用js解析(示例分析)
Jul 13 Javascript
jquery.map()方法的使用详解
Jul 09 Javascript
Bootstrap页面标题Page Header的实现方法
Mar 22 Javascript
Javascript中的async awai的用法
May 17 Javascript
vue.js 获取当前自定义属性值
Jun 01 Javascript
JS实现面向对象继承的5种方式分析
Jul 21 Javascript
详解微信小程序input标签正则初体验
Aug 18 Javascript
vue多次循环操作示例
Feb 08 Javascript
详解在微信小程序的JS脚本中使用Promise来优化函数处理
Mar 06 Javascript
基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码
Jun 10 jQuery
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设计模式 Facade(外观模式)
2011/06/26 PHP
Thinkphp5.0框架视图view的循环标签用法示例
2019/10/12 PHP
PHP获取php,mysql,apche的版本信息及更多服务器信息
2021/03/09 PHP
js Form.elements[i]的使用实例
2011/11/13 Javascript
js内存泄露的几种情况详细探讨
2013/05/31 Javascript
多选列表框动态添加,移动,删除,全选等操作的简单实例
2014/01/13 Javascript
jquery制作居中遮罩层效果分享
2014/02/21 Javascript
JavaScript中消除闭包的一般方法介绍
2015/03/16 Javascript
JS中捕获console.log()输出的方法
2015/04/16 Javascript
jquery实现点击展开列表同时隐藏其他列表
2015/08/10 Javascript
jquery获取form表单input元素值的简单实例
2016/05/30 Javascript
AnjularJS中$scope和$rootScope的区别小结
2016/09/18 Javascript
微信小程序之小豆瓣图书实例
2016/11/30 Javascript
从零开始学习Node.js系列教程四:多页面实现数学运算的client端和server端示例
2017/04/13 Javascript
浅谈Angular路由复用策略
2017/10/04 Javascript
分析javascript原型及原型链
2018/03/18 Javascript
详解Require.js与Sea.js的区别
2018/08/05 Javascript
VueJS 取得 URL 参数值的方法
2019/07/19 Javascript
微信小程序用户拒绝授权的处理方法详解
2019/09/20 Javascript
JS实现瀑布流效果
2020/03/07 Javascript
pandas 层次化索引的实现方法
2019/07/06 Python
pytorch随机采样操作SubsetRandomSampler()
2020/07/07 Python
pandas apply使用多列计算生成新的列实现示例
2021/02/24 Python
世界领先的高品质定制产品平台:Zazzle
2017/07/23 全球购物
购买中国最好的电子产品:Geekbuying
2018/03/13 全球购物
德国婴儿服装和婴儿用品购买网站:Baby Sweets
2019/12/08 全球购物
瑞典多品牌连锁店:Johnells
2021/01/13 全球购物
2014年五四青年节活动策划书
2014/04/22 职场文书
给校长的建议书500字
2014/05/15 职场文书
妇联领导班子剖析材料
2014/08/21 职场文书
医院2014国庆节活动策划方案
2014/09/21 职场文书
新年晚会主持词开场白
2015/05/28 职场文书
酒店厨房管理制度
2015/08/06 职场文书
聘任协议书(挂靠)
2015/09/21 职场文书
PHP策略模式写法
2021/04/01 PHP
浅谈Python数学建模之线性规划
2021/06/23 Python