jQuery的問題

Question

我期待有一個div，其中包含一個PHP頁面淡出，卸載，然後在一個新的頁面褪色每個菜單：

 $('#home').click(function() { 
     $('#page_container').fadeOut(500).unload(); 
     $('#page_container').load('php/home.php').fadeIn(550); 
    }); 

由於某種原因，它會在新頁面淡出之前閃爍，然後淡出並重新加載。

有人可以幫助我這個。我相信這很簡單，但我似乎無法找到正確的語法來使其起作用？

Answer 1

應設置load()調用淡入功能的回調發生：

$("#home").on("click", function() { 
    $('#page_container').fadeOut('fast', function() { 
     $(this).unload(); 
     $(this).load('php/home.php'); 
    }); 
}) 

一旦褪色完成這會觸發load()。

​​是異步的，所以下一行在調用後立即執行。您的問題是由於load()正在將內容加載到您的div中，因爲它開始淡出。

Answer 2

沒有演示很難完全理解，但你看過使用回調？

$('#home').click(function() { 
    $('#page_container').fadeOut(500, function(){ 
     $(this).unload(); 
     $('#page_container').load('php/home.php', function(){ 
      $(this).fadeIn(550) 
     }); 
    }); 

});