问题 - queryloader2加载页面前1秒显示的页面

我在我的网站上使用查询加载器（link）。出于某种原因，主页面在查询加载器执行其作业（进度条在显示网站之前加载图像）之前一秒出现。问题 - queryloader2加载页面前1秒显示的页面

我认为这是由于页面在查询加载器脚本加载之前加载的事实，但不知道如何解决这个问题。目前，代码位于queryloader2 website建议的 $(document).ready，我在头标中调用脚本（位于js/scripts.js中）。

$(document).ready(function() { 
    $("body").queryLoader2(); 

    $('.activity-title a').click(function() { 
     var region = $(this).attr('data-region'); 

     $('.textzone:visible').fadeOut(2000, function() { 
      $('#' + region).fadeIn(2000); 
     }); 

     return false;    
    }); 
});

来源

2012-08-14 Greg

嗯，好像是为我工作。我可以看到进度条达到100％，一旦它进行，覆盖层就会淡出（在Ubuntu的Chrome 18上进行测试）。顺便说一句 - 伟大的背景图片:) – WTK 2012-08-14 08:12:07

似乎很好，在Win7上的FF14 – hsalama 2012-08-14 08:18:07

好的，谢谢你的反馈 - 似乎这个问题只出现在ie8然后呢？ – Greg 2012-08-14 08:38:13

对不起，弹出一个古老的线程，只是任何人都面临这样的问题，这是我的固定.. 我增加了一个覆盖DIV右边的身体标签开幕

<div id="preloader"></div>

后，并将此CSS

#preloader { 
    position:fixed; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 

    background-color:#fff; /* change if the mask should have another color then white */ 
    z-index:99; /* makes sure it stays on top */ 
}

，并添加了onLoadComplete: hidePreLoader到QueryLoader选项

然后在那个函数中，只需完成一次即可隐藏叠加层。

function hidePreLoader() { 
     $("#preloader").hide(); 
    }

这将是相当多了，希望它有助于有人出来:)

来源

2014-01-20 21:55:17

FYI貌似在示例页面上，他使用相同的东西（id为#qLoverlay的元素），所以奇怪的是它没有包括在说明中：http://scripts.gayadesign.com/queryLoader2/css/style.css – dougmacklin 2014-12-04 09:21:26

问题 - queryloader2加载页面前1秒显示的页面

回答

相关问题