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 折半查找字符在数组中的位置(有序列表)
Dec 09 Javascript
EXT窗口Window及对话框MessageBox
Jan 27 Javascript
jQuery的几个我们必须了解的特点
May 03 Javascript
js实现的倒计时按钮实例
Jun 24 Javascript
javascript简单判断输入内容是否合法的方法
May 11 Javascript
JavaScript实现页面无操作倒计时退出
Oct 22 Javascript
vue.js指令v-for使用及索引获取
Nov 03 Javascript
Jquery鼠标放上去显示全名的实现方法
Feb 06 Javascript
微信小程序实现获取自己所处位置的经纬度坐标功能示例
Nov 30 Javascript
jQuery pagination分页示例详解
Oct 23 jQuery
JavaScript代码调试方法实例小结
Jan 05 Javascript
Javascript节流函数throttle和防抖函数debounce
Dec 03 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
Laravel中encrypt和decrypt的实现方法
2017/09/24 PHP
php5对象复制、clone、浅复制与深复制实例详解
2019/08/14 PHP
基于jQuery的投票系统显示结果插件
2011/08/12 Javascript
jquery数组之存放checkbox全选值示例代码
2013/12/20 Javascript
js操作IE浏览器弹出浏览文件夹可以返回目录路径
2014/07/14 Javascript
js实现感应鼠标图片透明度变化的方法
2015/02/20 Javascript
js创建数组的简单方法
2016/07/27 Javascript
BootStrap入门教程(三)之响应式原理
2016/09/19 Javascript
angular源码学习第一篇 setupModuleLoader方法
2016/10/20 Javascript
JS仿京东移动端手指拨动切换轮播图效果
2020/04/10 Javascript
JS正则表达式学习之贪婪和非贪婪模式实例总结
2016/12/26 Javascript
详解js正则表达式验证时间格式xxxx-xx-xx形式
2018/02/09 Javascript
详解VUE Element-UI多级菜单动态渲染的组件
2019/04/25 Javascript
了解重排与重绘
2019/05/29 Javascript
a标签调用js的方法总结
2019/09/05 Javascript
[06:49]2018DOTA2国际邀请赛寻真——VirtusPro傲视群雄
2018/08/12 DOTA
Python给你的头像加上圣诞帽
2018/01/04 Python
Python视频爬虫实现下载头条视频功能示例
2018/05/07 Python
django与小程序实现登录验证功能的示例代码
2019/02/19 Python
Python3使用PySynth制作音乐的方法
2019/09/09 Python
PyQt5连接MySQL及QMYSQL driver not loaded错误解决
2020/04/29 Python
Pycharm Git 设置方法
2020/09/15 Python
如何使用Python自动生成报表并以邮件发送
2020/10/15 Python
OpenCV利用python来实现图像的直方图均衡化
2020/10/21 Python
CSS3色彩模式有哪些?CSS3 HSL色彩模式的定义
2016/04/26 HTML / CSS
使用css实现android系统的loading加载动画
2019/07/25 HTML / CSS
BookOutlet加拿大:在网上书店购买廉价折扣图书和小说
2018/10/05 全球购物
什么是符号链接,什么是硬链接?符号链接与硬链接的区别是什么?
2013/05/03 面试题
自荐信结尾
2013/10/27 职场文书
初一地理教学反思
2014/01/16 职场文书
初中生评语大全
2014/04/24 职场文书
初中升旗仪式演讲稿
2014/05/08 职场文书
严以律己专题学习研讨会发言材料
2015/11/09 职场文书
go语言-在mac下brew升级golang
2021/04/25 Golang
使用Spring处理x-www-form-urlencoded方式
2021/11/02 Java/Android
Python爬取奶茶店数据分析哪家最好喝以及性价比
2022/09/23 Python