Jquery 1.4.2 animate的BUG

1 var d ={queue: false, duration: 500}
2 $('body').animate( {} ,d);
3 $('body').animate( {} ,d);
4 console.log(d)
5 return

运行以上代码, firebug会报 too much recursion 错,

原因是jquery speed中的(1.4.2 5696行)

 1 // Queueing
 2         opt.old = opt.complete;
 3         opt.complete = function() {
 4             if ( opt.queue !== false ) {
 5                 jQuery(this).dequeue();
 6             }
 7             if ( jQuery.isFunction( opt.old ) ) {
 8                 opt.old.call( this );
 9             }
10         };

他改变了anmate的options值(增加了complete),造了成isFunction的死循环,

修正方法:

1.改变jquery,删complete,(可能造成不可预知的错误),不推荐

2.改变animate参数,不要以变量方式传入,或者每次重新赋值

典型案例jQuery Masonry v2.0+ 和jquery 1.4.2,开启动画时,会产生很多too much recursion, 修正方法:

obj.$el[ styleFn ]( obj.style, animOpts );(214行)前加入animOpts.complete = false;

或者重新赋值;

转载于:https://www.cnblogs.com/wc1217/archive/2013/04/17/3025703.html

Jquery 1.4.2 animate的BUG相关推荐

jQuery动画---自定义动画animate()
版权声明:本文为博主原创文章,转载请注明出处. https://blog.csdn.net/twilight_karl/article/details/73511662 同步动画 animate(参数 ...
jQuery 树形控件 TreeView 的 Bug
项目中需要用到树形展示, 下午搜了一下, 发现TreeView比较符合我的需求. 轻量, 支持ul, li, 支持动态载入, 支持json. 项目的地址在 http://bassistance.de/ ...
（其他页面问题）基于HTML+CSS+JavaScript的网页项目大作业其他页面部分（含前后端，Jquery，Bootstrap，Animate.css，Node等）
文章目录平台网页设计思路开始所想: 实际开发过程 css代码 Html代码运营网页设计设计思路: css代码 Html代码 JS代码登录页面设计 Logo部分设计思路开始所想实际开发 ...
jQuery自定义动画方法animate()
animate()方法执行CSS属性集的自定义动画,该方法会将一个属性在指定或者默认的时间内从一个属性值变化到另一个属性值,由于属性值是逐渐变化的,所以就形成了所谓的动画效果. 用法: $(selec ...
java easing_浅谈jQuery animate easing的具体使用方法(推荐)
从jQuery API 文档中可以知道,jQuery自定义动画的函数.animate( properties [, duration] [, easing] [, complete] )有四个参数: ...
web上渐进使用jQuery Mobile中animate相关CSS
一.关于animate.css 在介绍主人公之前,先说说他的亲戚. 有个叫"蛋一灯(Dan Eden)"的人弄了个名叫animate.css的开源项目,实际上就是使用CSS3 an ...
jquery-动效方法-animate
animate方法标签对象的animate方法可以实现动画效果使用方式 animate方法的使用格式标签对象.animate(样式字典,持续时间豪秒,运动方式,回调函数匿名函数)$(select ...
jQuery源码解析（5）—— Animation动画
闲话 jQuery的动画机制有800行, 虽然不如样式的1300行,难度上却是不减.由于事前不了解animate接口的细节使用规则,看代码期间吃了很多苦头,尤其是深恶痛绝的defaultPrefilt ...
jquery点击后执行PHP加载div,PHP-将JQuery自动完成附加到由Ajax调用加载的文本字段...
我有一个简单的Web应用程序,在其中创建了一个向导,每个向导页面都包含从数据库填充的不同表单字段,当用户按下时,接下来使用Ajax调用从服务器检索页面数据.这是针对Ajax调用从服务器检索的页面代码. ...
jQuery Easing 动画效果扩展--使用Easing插件，让你的动画更具美感。
jQuery Easing 是一款比较老的jQuery插件,在很多网站都有应用,尤其是在一些页面滚动.幻灯片切换等场景应用比较多.它非常小巧,且有多种动画方案供选择,使用简单,而且免费. 引入Eas ...

Jquery 1.4.2 animate的BUG

Jquery 1.4.2 animate的BUG相关推荐

最新文章

热门文章