0

嗨，我正在尝试向我的页面添加预加载器，但发生的情况是当您进入窗口时页面加载器未加载。它正在等待窗口加载，然后它也显示加载器... 。 我怎样才能解决这个问题？这是我的代码：

$(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);
});

所以简而言之，首先我可以实际看到页面，然后加载程序进来！！！我不知道如何解决这个问题，任何帮助将不胜感激！

4

2 回答 2

6

window.load在整个页面加载之前不会触发。尝试使用document.ready。http://4loc.wordpress.com/2009/04/28/documentready-vs-windowload/也可能对您有所启发。

如果document.ready您还不够早，请默认显示加载程序，然后在您想要的位置隐藏它。

于 2012-04-28T22:02:04.003 回答
1

我会这样写代码：

 $(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);
      });
  });

这将首先加载页面，并将隐藏页面上除自定义加载器之外的所有内容。然后休息你知道的。您还可以使用 animate 函数来调用自定义延迟加载程序。

于 2012-04-28T23:14:43.460 回答