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 相关文章推荐
LazyForm jQuery plugin 定制您的CheckBox Radio和Select
Oct 24 Javascript
js/jquery去掉空格,回车,换行示例代码
Nov 05 Javascript
jQuery表格排序组件-tablesorter使用示例
May 26 Javascript
jquery 全选、全不选、反选效果的实现代码【推荐】
May 05 Javascript
javascript-解决mongoose数据查询的异步操作
Dec 22 Javascript
Node.js 实现简单的接口服务器的实例代码
May 23 Javascript
详解几十行代码实现一个vue的状态管理
Jan 28 Javascript
使用Vue-Awesome-Swiper实现旋转叠加轮播效果&平移轮播效果
Aug 16 Javascript
Element实现表格嵌套、多个表格共用一个表头的方法
May 09 Javascript
微信小程序订阅消息(java后端实现)开发
Jun 01 Javascript
从0搭建vue-cli4脚手架
Jun 17 Javascript
JS实现炫酷雪花飘落效果
Aug 19 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
桌面中心(四)数据显示
2006/10/09 PHP
PHP 中dirname(_file_)讲解
2007/03/18 PHP
php模块memcache和memcached区别分析
2011/06/14 PHP
PHP对象递归引用造成内存泄漏分析
2014/08/28 PHP
thinkphp5 migrate数据库迁移工具
2018/02/20 PHP
PHP数组常用函数实例小结
2018/08/20 PHP
PHP Include文件实例讲解
2019/02/15 PHP
PHP使用PhpSpreadsheet操作Excel实例详解
2020/03/26 PHP
JQuery Dialog(JS 模态窗口,可拖拽的DIV)
2010/02/07 Javascript
jQuery操作属性和样式详解
2016/04/13 Javascript
js在ie下打开对话窗口的方法小结
2016/10/24 Javascript
详解Angular 4 表单快速入门
2017/06/05 Javascript
vue中如何实现变量和字符串拼接
2017/06/19 Javascript
JavaScript中一些特殊的字符运算
2017/08/17 Javascript
Less 安装及基本用法
2018/05/05 Javascript
Express的HTTP重定向到HTTPS的方法
2018/06/06 Javascript
微信自定义分享链接信息(标题,图片和内容)实现过程详解
2019/09/04 Javascript
vue element el-transfer增加拖拽功能
2021/01/15 Vue.js
使用python删除nginx缓存文件示例(python文件操作)
2014/03/26 Python
Python使用scrapy采集数据过程中放回下载过大页面的方法
2015/04/08 Python
Python 使用os.remove删除文件夹时报错的解决方法
2017/01/13 Python
Python 模拟登陆的两种实现方法
2017/08/10 Python
使用python 写一个静态服务(实战)
2019/06/28 Python
python实现的读取网页并分词功能示例
2019/10/29 Python
支持IE8的纯css3开发的响应式设计动画菜单教程
2014/11/05 HTML / CSS
美国知名玩具品牌:Melissa & Doug
2016/08/16 全球购物
naturalizer加拿大官网:美国娜然女鞋
2017/04/04 全球购物
BIBLOO波兰:捷克的一家在线服装店
2018/03/09 全球购物
英国羊皮鞋类领先品牌:Just Sheepskin
2019/12/12 全球购物
全球才华横溢工匠的家居装饰、珠宝和礼物:NOVICA
2021/01/22 全球购物
文明班级建设方案
2014/05/15 职场文书
考生诚信考试承诺书
2014/05/23 职场文书
某某同志考察材料
2014/05/28 职场文书
英语分层教学实施方案
2014/06/15 职场文书
办理房产证委托书
2014/09/18 职场文书
JavaScript最完整的深浅拷贝实现方式详解
2022/02/28 Javascript