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

Question

我正在使用jQuery动画滚动效果，在动画结束后，我触发效果，由于某种原因，效果被触发两次，我该如何防止它发生？

$('.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中不起作用。

Answer 1

由于您正在触发两个动画（在html和body上），因此应该调用两次完整的回调。

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

var animateOn = isIE8 ? 'html' : 'body';
$(animateOn).animate();