javascript - 在jQuery中减慢location.reload（）？

Question

有没有办法放慢速度location.reload()？

目前我.toggle("slow")在一些和.hide("slow")其他中使用 in 来显示模态动画。其中一个函数调用刷新，但动画在重新加载之前没有完成。它开始并完成一半，然后就被切断了。我喜欢让它等到动画完成然后重新加载。

$(".modal-box button").click(function(){
    $(".modal-box").hide("slow");
    if ($(this).is("#reset")){
        location.reload();
    }
});

Answer 1

相反，您应该为动画定义一个回调函数，该函数将在动画实际完成时运行。

$(".modal-box button").click(function(){
    var self = this; //keep the correct scope
    $(".modal-box").hide("slow", function() {
        if ($(self).is("#reset")){
            location.reload();
        }
    });   
});

Answer 2

$(".modal-box button").click(function(){
    var self = this;
    $(".modal-box").hide("slow", function(){
        if ($(self).is("#reset")){
            location.reload();
        }
    });
});

Answer 3

只需将其设为动画的回调即可：

$(".modal-box").hide('slow', location.reload);