jQuery的，隱藏，直到裝

我目前使用的內容，此腳本褪色頁面轉換：jQuery的，隱藏，直到裝

$(document).ready(function() { 

    $(window).bind("unload", function() {}); 
    $("body").css("display", "none"); 

    $("body").hide(); 

    $("body").fadeIn(2000); 

    $('a.fade1, a.fade2, a.fade3, a.fade4').click(function(event) { 
     event.preventDefault(); 
     linkLocation = this.href; 
     $("body").fadeOut(700, redirectPage); 
    }); 

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

});

這就像一個魅力當內容是alredy在高速緩存中，但當圖像需要加載它會瞬間進而出現被隱藏，在

褪色

所以我需要的是一種方法來隱藏內容，直到它完全加載後，才讓它在

希望能夠褪色有人能幫助我，提前

感謝

來源

2012-03-16 user1163818

你可以在主體上用'display：none'提供頁面嗎？這種方式總是隱藏起來，直到jquery啓動。 – 2012-03-16 08:34:38

默認使用CSS隱藏元素，然後在需要時顯示它。

CSS

body { 
    display: none; 
}

的jQuery

$(window).load(function() { 
    // When the page has loaded 
    $("body").fadeIn(2000); 
});

負載事件被髮送到一個元件時，它和所有的子元素具有完全加載。

查看load event。

你也可以考慮使用一個類來代替你的「fadeX」類像「變臉」

來源

2012-03-16 08:34:06 Stefan

與CSS的問題是，它必須首先檢索styleshiit。所以你將不得不使用

jQuery的，隱藏，直到裝

回答