Question

所以，我试图在鼠标悬停的同时运行2个动画

然而，在使用queue:false之后，他们仍然一个接一个地跑:(

这是我得到的：

        $(document.body).on('mouseover', '.j-ad-slide', function(e) {
            e.preventDefault();

            $('.j-ad-slide').animate({
                height: '370px'
            }, {
                    duration: 500,
                    queue: false,
                    complete: function() { /* Animation complete */ }
            });

            $('.side-nav, .sub-menu').animate({
                top: '422'
            }, {
                    duration: 500,
                    queue: false,
                    complete: function() { /* Animation complete */ }
            });             
        });

对我做错了什么的任何想法？顺便说一句：.side-nav和.sub-menu元素是position:fixed - 我认为这就是问题所在。我不确定如何解决这个问题：（

Answer 1

您的代码应该可以正常运行。这是fiddle for you。

$(document.body).on('mouseover', '.animate', function(e) {
        e.preventDefault();

        $('.animate').animate({
            height: '370px'
        }, {
                duration: 500,
                queue: false,
                complete: function() { /* Animation complete */ }
        });

        $('.animate2').animate({
            left: '100'
        }, {
                duration: 500,
                queue: false,
                complete: function() { /* Animation complete */ }
        });             
    });

fiddle with fixed position

同时运行动画不工作

1 个答案: