在jQuery中延遲了WI預載器

您好我正在嘗試向我的頁面添加一個預加載器，但是發生的事情是頁面加載器在您進入窗口時未加載。它正在等待窗口加載，然後它顯示加載器以及....我怎麼能解決這個問題？這裏是我的代碼：在jQuery中延遲了WI預載器

$(window).load(function(){ 
$("#all").hide(); 
var wh = $(window).height(); 
$("#loader").show(); 
$("#all").hide(); 
$("#loader").css("height",wh); 
$("#loader").delay(4000).fadeOut(400); 
$("#all").delay(4020).fadeIn(400); 
});

所以總之，首先我可以看到頁面然後加載程序進入！我不知道如何解決這個問題，任何幫助將不勝感激！

來源

2012-04-28 liveandream

window.load在加載整個頁面之前不會觸發。嘗試使用document.ready。 http://4loc.wordpress.com/2009/04/28/documentready-vs-windowload/也可能對你有啓發。

如果document.ready仍然不夠適合您，請將加載程序默認顯示，然後將其隱藏在您想要的位置。

來源

2012-04-28 22:02:04 x1a4

我會寫的代碼是這樣的：

$(document).ready(function() { 
     var wh = $(window).height(); 
     $("#all").hide(); 
     $("#loader").css("height",wh); 
     $('#loader').show('slow', function() { 
     $("#loader").delay(4000).fadeOut(400); 
     $("#all").delay(4020).fadeIn(400); 
     }); 
    });

這將首先加載頁面，將隱藏所有，但頁面上的自定義的加載。然後休息你知道。你也可以使用動畫函數來調用一個自定義的延遲加載器。

來源

2012-04-28 23:14:43 ashutosh

在jQuery中延遲了WI預載器

回答

相關問題