div隐藏后重新加载

Question

我编写了一个使用AJAX在#foo中产生某个输出的特定函数。 如何在隐藏#foo后强制页面重新加载？

$('#submit').click(function(){
   $.ajax({
     //...
     $('#foo').delay(10000).fadeOut('slow');
    });
});

Answer 1

FadeOut接受函数作为参数，它将在fadeOut操作完成后执行。

  

.fadeOut（'slow'，function（）{...}）;

$('#submit').click(function(){
    $.ajax({                                      
      .......
    $('#foo').delay(10000).fadeOut('slow', function(){
         // reload page here
         location.reload()
     });
});

Answer 2

$('#submit').click(function(){
  $.ajax({                                      
    .......
  $('#foo').delay(10000).fadeOut('slow', "linear", function(){
    location.reload();
  });
});

Answer 3

fadeOut()可以接受函数作为参数。

更多信息：http://api.jquery.com/fadeout/。

所以试试这个：

$.ajax({                                      
    $('#foo').delay(10000).fadeOut('slow', function() {
        window.location.reload(); // to reload page
    });
});