0

我在我的网站(链接)上使用查询加载器。由于某种原因,主页会在查询加载器完成其工作之前的一秒钟内出现(在显示网站之前加载图像的进度条)。

我认为这是因为页面是在加载查询加载器脚本之前加载的,但不知道如何解决这个问题。目前,代码在 queryloader2 网站$(document).ready上的建议中 ,我在我的 head 标签中调用脚本(位于 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;            
    });
});
4

1 回答 1

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

差不多就是这样,希望它可以帮助那里的人:)

于 2014-01-20T21:55:17.733 回答