Question

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

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

所以总之，首先我可以看到页面，然后装载机进来！我不知道如何解决这个问题，非常感谢任何帮助！

Answer 1

在整个页面加载之前，

window.load不会被激活。尝试使用document.ready。 http://4loc.wordpress.com/2009/04/28/documentready-vs-windowload/也可能对您有所启发。

如果document.ready仍然不够早，请默认情况下显示加载程序，然后将其隐藏在您想要的位置。

Answer 2

我会以这种方式编写代码：

 $(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函数调用自定义延迟加载程序。

WIndow preloader在jquery中延迟了

2 个答案: