div 隐藏后重新加载

Question

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

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

Answer 1

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

Answer 2

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

.fadeOut('slow', function(){ ... });

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

Answer 3

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

更多：http://api.jquery.com/fadeout/.

所以试试这个：

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

div 隐藏后重新加载

Reload after div hide

jquery

reload