Question

我正在为我的网站背景加载一个大图像，所以我没有把它搞乱，而是决定用CSS和Jquery添加一个漂亮的小预加载器。

我在<body>标签内：

<!-- CSS Spinner -->
<div class="spinner-wrapper">
    <div class="spinner">
        <div class="rect1"></div>
        <div class="rect2"></div>
        <div class="rect3"></div>
        <div class="rect4"></div>
        <div class="rect5"></div>
        <em class="spinner-text">One moment</em>
    </div>
</div>

然后，在结束</body>标记之前，我有这个脚本：

<!-- Spinner -->
<script>
    $(document).ready(function() {
        $(window).load(function() {
            preloaderFadeOutTime = 500;

            function hidePreloader() {
                var preloader = $('.spinner-wrapper');
                preloader.fadeOut(preloaderFadeOutTime);
            }
            hidePreloader();
        });
    });
</script>

当我直接打开index.html文件时，它运行正常，但当我尝试将其加载到我的网站（link）时，它只会永远显示预加载器。

有趣的是，我发现如果我在开发者控制台中打开网络面板，大多数情况下预加载器按预期工作。

有谁知道这里到底发生了什么？

Answer 1

尝试在head标记内导入file.Tag.Title = TheVars.Title;。

Answer 2

在JS中添加此属性（data-cfasync =＆＃34; false＆＃34;）将无法从Rocket Loader中排除脚本。 Rocket Loader通过添加data-cfasync =＆＃34; false＆＃34;来忽略单个脚本。属性到相关的脚本标记，例如：

<script data-cfasync="false" src="/javascript.js"></script>

我网站的加载屏幕并没有消失

2 个答案: