css - 页面加载速度不显示加载动画

Question

我已经使用 cakephp 将页面加载器脚本包含到我的元素中。我可以看到它正在加载，因为在 body 标记中我可以看到“pace-running”和“pace-done”类名。

一旦我添加这个

$(function() {
        Pace.on("done", function(){
            alert('done');
            // $("#pageToLoad").fadeIn(1000);
        });
    });

我收到警报，我可以看到从 pace 添加的 div 处于事件状态:

<div class="pace pace-active">
<div class="pace-progress" style="transform: translate3d(100%, 0px, 0px);" data-progress-text="100%" data-progress="99">
<div class="pace-progress-inner"></div>
</div>
<div class="pace-activity"></div>
</div>

我的鞋子，一切都很好，效果很好。

但是由于某些原因，我在页面上看不到加载动画。 我将 pace 的 css 模板文件中的 z-index 更改为 '99999999' 但进度条不会显示:-(

Answer 1

有一个bug report对此。推荐的解决方案是:

$(document).ajaxStart(function() { Pace.restart(); });

在我的一个元素中，我需要类似的东西，但在另一个元素中不需要，我不确定有什么区别。 :-(