Javascript 同时运行动画不工作
所以,我试图在mouseover上同时运行两个动画 但是,在使用queue:false之后,它们仍然一个接一个地运行: 以下是我得到的: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'
$(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 */ }
});
});