Question

我在我的网站上使用了queryloader（link）。由于某种原因，主页面在查询加载器完成其工作之前的一秒钟内出现（进度条在显示网站之前加载图像）。

我认为这是因为页面在加载queryloader脚本之前加载但不知道如何解决这个问题。目前代码在 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;            
    });
});

Answer 1

很抱歉提出一个旧帖子，但只是面对这个问题的人，这是我的修复程序.. 我在Body标签打开后添加了一个叠加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();
    }

那就是它，希望它可以帮助那里的人：）

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

1 个答案: