JQuery淡入頁面

Question

我有一堆HTML頁面，這是單獨的文件，但我想在它們之間有一個簡單的淡入/淡出。

我用的代碼：

$("#content").css("display", "none"); 

$("#content").fadeIn(2000); 

$("ul.menu li a").click(function(event){ 
    event.preventDefault(); 
    linkLocation = this.href; 
    $("#content").fadeOut(1000, redirectPage);  
}); 

function redirectPage() { 
    window.location = linkLocation; 
} 

我把它綁定到我的主菜單，在這個階段，內容是我的頁眉和頁腳（這我不想要應用的效果之間的DIV ）

但是，這個問題是，它閃爍了一下，加上它顯示內容之前暫時消失，然後再次褪色。

有沒有更好/更簡單的解決方案呢？

Answer 1

試試這個代碼：

$("#content").css("display", "none"); 

$("#content").fadeIn(2000); 

$("ul.menu li a").click(function(event){ 
    event.preventDefault(); 
    linkLocation = this.href; 
    $("#content").fadeOut(1000, redirectPage);  
}); 

function redirectPage() { 
    $("#content").css('visibility' : 0); // use to remove the content - it won't be diplayed 
    window.location = linkLocation; 
}