Javascript 同时运行动画不工作

Javascript 同时运行动画不工作,javascript,jquery,animation,Javascript,Jquery,Animation,所以,我试图在mouseover上同时运行两个动画 但是,在使用queue:false之后,它们仍然一个接一个地运行: 以下是我得到的: $(document.body).on('mouseover', '.j-ad-slide', function(e) { e.preventDefault(); $('.j-ad-slide').animate({ height: '370px'

所以,我试图在mouseover上同时运行两个动画

但是,在使用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 */ }
            });             
        });     

知道我做错了什么吗?顺便说一句:。侧导航和.sub菜单元素的位置:固定-我认为这就是问题所在。我不知道如何解决这个问题:

您的代码应该可以正常工作。这是一本书


你可以放一个jsfiddle.net示例吗?是的,你是对的,代码在jsfiddle.net上运行-但是在我的项目分支上不工作。伯格!你找到答案了吗?
$(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 */ }
        });             
    });