在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预载器

回答

相关问题