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 相关文章推荐
document.all与WEB标准
May 13 Javascript
jQuery Ajax使用 全解析
Dec 15 Javascript
jQuery.getScript加载同域JS的代码
Feb 13 Javascript
jQuery 文本框得失焦点的简单实例
Feb 19 Javascript
jQuery中replaceAll()方法用法实例
Jan 16 Javascript
jQuery实现获取元素索引值index的方法
Sep 18 Javascript
js中常用的Math方法总结
Jan 12 Javascript
js实现类bootstrap模态框动画
Feb 07 Javascript
Angular父组件调用子组件的方法
Apr 02 Javascript
jQuery实现的点击按钮改变样式功能示例
Jul 21 jQuery
刷新页面后让控制台的js代码继续执行
Sep 20 Javascript
vue实现动态给id赋值,点击事件获取当前点击的元素的id操作
Nov 09 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使用curl抓取qq空间的访客信息示例
2014/02/28 PHP
Yii核心验证器api详解
2016/11/23 PHP
php 微信开发获取用户信息如何实现
2016/12/13 PHP
Yii框架用户登录session丢失问题解决方法
2017/01/07 PHP
php 判断IP为有效IP地址的方法
2018/01/28 PHP
PHP设计模式之模板方法模式实例浅析
2018/12/20 PHP
php中关于换行的实例写法
2019/09/26 PHP
超级酷和最实用的jQuery实例收集(20个)
2010/04/21 Javascript
javascript 学习笔记(八)javascript对象
2011/04/12 Javascript
JS连连看源码完美注释版(推荐)
2013/12/09 Javascript
调用HttpHanlder的几种返回方式小结
2013/12/20 Javascript
JS+CSS模拟可以无刷新显示内容的留言板实例
2015/03/03 Javascript
基于jQuery+PHP+Mysql实现在线拍照和在线浏览照片
2015/09/06 Javascript
原生javascript实现自动更新的时间日期
2016/02/12 Javascript
全面解析Bootstrap表单样式的使用
2016/09/09 Javascript
Yarn的安装与使用详细介绍
2016/10/25 Javascript
JS实现拖拽的方法分析
2016/12/20 Javascript
angularjs+bootstrap菜单的使用示例代码
2017/03/07 Javascript
解决VUEX刷新的时候出现数据消失
2017/07/03 Javascript
微信小程序时间标签和时间范围的联动效果
2019/02/15 Javascript
jQuery实现获取多选框的值示例
2020/02/07 jQuery
Node.js中出现未捕获异常的处理方法
2020/06/29 Javascript
基于JavaScript的数据结构队列动画实现示例解析
2020/08/06 Javascript
[03:48]显微镜下的DOTA2第四期——TP动作
2014/06/20 DOTA
[38:32]完美世界DOTA2联赛循环赛 Forest vs DM 第二场 11.06
2020/11/06 DOTA
python实现数值积分的Simpson方法实例分析
2015/06/05 Python
python中利用zfill方法自动给数字前面补0
2018/04/10 Python
python 用正则表达式筛选文本信息的实例
2018/06/05 Python
python 实现语音聊天机器人的示例代码
2018/12/02 Python
基于Keras的格式化输出Loss实现方式
2020/06/17 Python
python 绘制场景热力图的示例
2020/09/23 Python
Nordgreen英国官网:斯堪的纳维亚设计师手表
2018/10/24 全球购物
eBay英国购物网站:eBay.co.uk
2019/06/19 全球购物
小学校园活动策划
2014/01/30 职场文书
工商局局长个人对照检查材料思想汇报
2014/09/23 职场文书
西游记读书笔记
2015/06/25 职场文书