Javascript location.reload（）在jQuery动画之后不起作用

使用此代码，不会发生任何动画-它会直接跳到

位置。reload（）

。但是，如果删除

location.reload（）

，动画工作正常

我怎么能两者兼得呢

$( "#welcome" ).animate({
    opacity: 0,
}, 100, function() {
})
$( "#signup_link" ).animate({
    opacity: 0,
}, 200, function() {
})
$( "#forgotten" ).animate({
    opacity: 0,
}, 200, function() {
})

$('.login-container').animate({ opacity: 0, top: "-100px" }, 'fast').delay(3000);

location.reload();

---

也许是这样的：我假设你想要动画并重新加载，就像你把它们放在你原来的帖子里一样。jsfiddle：

注意：我注释掉了“重新加载”部分，因为这将在页面上生成一个循环

$.when(
    function(){
            $( "#welcome" ).animate({opacity: 0,}, 100, function() {});
            $( "#signup_link" ).animate({opacity: 0,}, 200, function() {});
            $( "#forgotten" ).animate({opacity: 0,}, 200, function() {});
    }()
).then(
    $('.login-container').animate({ opacity: 0, top: "-100px" }, 'fast').delay(3000)
).then( 
    location.reload() 
)

---

不知道为什么？为什么毫无理由地重新加载页面呢？这是对AJAX请求的响应。我正在开发一个Chrome扩展，这是登录。如果你知道ajax，你可能知道它是异步的。动画也是如此，回调函数也是如此，谢谢。我给了它一个镜头（在第2行和第3行后面加逗号），但它什么也没做（没有动画，没有错误）。它在第3行给了我

Uncaught SyntaxError:Unexpected identifier

。