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 相关文章推荐
textarea的value是html文件源代码,存成html文件的代码
Apr 20 Javascript
Js 冒泡事件阻止实现代码
Jan 27 Javascript
一个页面元素appendchild追加到另一个页面元素的问题
Jan 27 Javascript
解决jquery中美元符号命名冲突问题
Jan 08 Javascript
Javascript点击按钮随机改变数字与其颜色
Sep 01 Javascript
bootstrap手风琴折叠示例代码分享
May 22 Javascript
浅析为什么a="abc" 不等于 a=new String("abc")
Oct 25 Javascript
AngularJS与后端php的数据交互方法
Aug 13 Javascript
vue-cli系列之vue-cli-service整体架构浅析
Jan 14 Javascript
如何使用CSS3和JQuery easing 插件制作绚丽菜单
Jun 18 jQuery
使用 JavaScript 创建并下载文件(模拟点击)
Oct 25 Javascript
vue 自定义组件添加原生事件
Apr 21 Vue.js
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应用程序来获取Web服务器的状态信息
2006/10/09 PHP
通过具体程序来理解PHP里面的抽象类
2010/01/28 PHP
PHP模拟asp中response类实现方法
2015/08/08 PHP
php伪静态验证码不显示的解决方案
2019/09/26 PHP
基于jquery的无刷新分页技术
2011/06/11 Javascript
js 得到文件后缀(通过正则实现)
2013/07/08 Javascript
jquery form 加载数据示例
2014/04/21 Javascript
采用call方式实现js继承
2014/05/20 Javascript
javascript去掉代码里面的注释
2015/07/24 Javascript
jQuery自定义数值抽奖活动代码
2016/06/11 Javascript
过期软件破解办法实例详解
2017/01/04 Javascript
JavaScript数据结构之数组的表示方法示例
2017/04/12 Javascript
详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用
2017/06/16 Javascript
红黑树的插入详解及Javascript实现方法示例
2018/03/26 Javascript
vue 项目中使用Loading组件的示例代码
2018/08/31 Javascript
微信小程序学习笔记之函数定义、页面渲染图文详解
2019/03/28 Javascript
Vue CLI3基础学习之pages构建多页应用
2019/06/02 Javascript
Node.js API详解之 repl模块用法实例分析
2020/05/25 Javascript
vue+iview实现分页及查询功能
2020/11/17 Vue.js
python基于xml parse实现解析cdatasection数据
2014/09/30 Python
python将文本转换成图片输出的方法
2015/04/28 Python
Python读取Word(.docx)正文信息的方法
2018/03/15 Python
python实现人民币大写转换
2018/06/20 Python
使用Numpy读取CSV文件,并进行行列删除的操作方法
2018/07/04 Python
手把手教你如何安装Pycharm(详细图文教程)
2018/11/28 Python
树莓派实现移动拍照
2019/06/22 Python
python实现感知机模型的示例
2020/09/30 Python
Python根据字符串调用函数过程解析
2020/11/05 Python
详解java调用python的几种用法(看这篇就够了)
2020/12/10 Python
检测用户浏览器是否支持CSS3的方法
2009/08/29 HTML / CSS
档案检查欢迎词
2014/01/13 职场文书
渔夫的故事教学反思
2014/02/14 职场文书
会员活动策划方案
2014/08/19 职场文书
护士个人总结范文
2015/02/13 职场文书
2015年教务工作总结
2015/05/23 职场文书
pytorch DataLoader的num_workers参数与设置大小详解
2021/05/28 Python