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 css在IE和Firefox中区别分析
Feb 18 Javascript
ext 列表页面关于多行查询的办法
Mar 25 Javascript
javascript下string.format函数补充
Aug 24 Javascript
对table和ul实现js分页示例分享
Feb 24 Javascript
javascript中使用new与不使用实例化对象的区别
Jun 22 Javascript
详解jQuery移动页面开发中的ui-grid网格布局使用
Dec 03 Javascript
基于jQuery实现文本框只能输入数字(小数、整数)
Jan 14 Javascript
浅谈JavaScript 数据属性和访问器属性
Sep 01 Javascript
jQuery实现的手风琴侧边菜单效果
Mar 29 jQuery
jQuery日程管理控件glDatePicker用法详解
Mar 29 jQuery
jquery.uploadifive插件怎么解决上传限制图片或文件大小问题
May 08 jQuery
vue弹窗组件使用方法
Apr 28 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 和 XML: 使用expat函数(二)
2006/10/09 PHP
PhpMyAdmin中无法导入sql文件的解决办法
2010/01/08 PHP
PHP父类调用子类方法的代码例子
2014/04/09 PHP
vs2003 js文件编码问题的解决方法
2010/03/20 Javascript
用Jquery实现多级下拉框无刷新的联动
2010/12/22 Javascript
js滚动条回到顶部的代码
2011/12/06 Javascript
jquery mobile 移动web(5)
2015/12/20 Javascript
全面解析DOM操作和jQuery实现选项移动操作代码分享
2016/06/07 Javascript
深入理解JS正则表达式---分组
2016/07/18 Javascript
VSCode 配置React Native开发环境的方法
2017/12/27 Javascript
Vue中$refs的用法详解
2018/06/24 Javascript
详解JavaScript 中 if / if...else...替换方式
2018/07/15 Javascript
vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)
2018/08/24 Javascript
vue2.0 使用element-ui里的upload组件实现图片预览效果方法
2018/09/04 Javascript
D3.js的基础部分之数组的处理数组的排序和求值(v3版本)
2019/05/09 Javascript
在mpvue框架中使用Vant WeappUI组件库的注意事项【推进】
2019/06/09 Javascript
javascript实现前端成语点击验证
2020/06/24 Javascript
浅谈Vue static 静态资源路径 和 style问题
2020/11/07 Javascript
Python ValueError: invalid literal for int() with base 10 实用解决方法
2015/06/21 Python
python 循环遍历字典元素的简单方法
2016/09/11 Python
使用apidoc管理RESTful风格Flask项目接口文档方法
2018/02/07 Python
python可视化爬虫界面之天气查询
2019/07/03 Python
Python使用shutil模块实现文件拷贝
2020/07/31 Python
Clearly澳大利亚:购买眼镜、太阳镜和隐形眼镜
2018/04/26 全球购物
波兰汽车配件网上商店:iParts.pl
2020/09/08 全球购物
好人好事事迹材料
2014/02/12 职场文书
森林防火宣传标语
2014/06/27 职场文书
五一劳动节演讲稿
2014/09/12 职场文书
2014年控辍保学工作总结
2014/12/08 职场文书
学校三八妇女节活动总结
2015/02/06 职场文书
送达通知书
2015/04/25 职场文书
2015年市场营销工作总结
2015/07/23 职场文书
企业法人任命书
2015/09/21 职场文书
Python爬取科目四考试题库的方法实现
2021/03/30 Python
Python 中的单分派泛函数你真的了解吗
2021/06/22 Python
Android在Sqlite3中的应用及多线程使用数据库的建议
2022/04/24 Java/Android