首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery动画运行时两次触发回调

jQuery动画运行时两次触发回调
EN

Stack Overflow用户
提问于 2013-02-04 11:42:20
回答 1查看 1.6K关注 0票数 1

我正在用jQuery制作一个卷轴的动画效果,动画结束后,我触发了一个效果,由于某种原因,效果被触发了两次,我如何防止它的发生?

代码语言:javascript
运行
复制
$('.something').on('click', function() {
            $('html, body').animate({
                scrollTop: $('footer').offset().top
            }, {
                queue: false,
                duration: 1500,
                complete: function() {
                    $('.foo').toggleClass('active');
                    $('.bar').slideToggle();    
                }
            });                
            return false;
        });

slideToggle效应似乎被触发了两次。我在html & body上设置了动画效果,因为'body‘中的动画效果在IE8中不起作用。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-02-04 11:47:20

由于您触发了两个动画(在html和body上),完整的回调应该被调用两次。

您可能希望仅在必要时才在html上触发动画

代码语言:javascript
运行
复制
var animateOn = isIE8 ? 'html' : 'body';
$(animateOn).animate();
票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14680038

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档