淡出，然后用jquery淡入新内容

Question

我一直试图让这个东西工作一段时间，而且我遇到了问题。离线测试时，div的内容会正确淡出，然后新内容将从不同的HTML中淡入。现在，当它在互联网上运行时，内容会淡出，然后同样的内容再次消失，只有这样才会更新新的内容。喜欢它的滞后或东西，但我敢肯定，并非如此

这是我用来做什么的JavaScript代码：

$(function() { 
    $("#one").click(function() { 
     $("#content").fadeOut('slow', function(){ 
      $("#content").load('main.html').fadeIn('slow'); 
     });   
    }); 
}); 

Answer 1

移动负载callback像下面里面fadeIn代码，

$(function() { 
    $("#one").click(function() { 
     $("#content").fadeOut('slow', function(){ 
      $("#content").load('main.html', function() { 
       $(this).fadeIn('slow'); 
      }); 
     });   
    }); 
}); 

可能是什么情况是，负载正在采取更多的时间来main.html（堂妹N/W），但你fadeIn踢之前..所以移动.fadeIn内.load CA llback应该解决这个问题。

也许你应该如果.load正在采取更多的时间添加状态消息..尝试类似下面..

  $("#content") 
        .html('<b>Loading.. Please wait...</b>') 
        .load('main.html', function() { 
         $(this).fadeIn('slow'); 
        });