Pace页面加载不显示加载动画

Question

我已经使用cakeph.将页面加载器脚本包含到我的项目中，我可以看到它正在加载，因为在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索引更改为'99999999‘，但进度条不会显示:-(

Answer 1

关于这一点，有一个bug report。推荐的解决方案是：

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

我在我的一个项目中需要这些东西，但在另一个项目中不需要，而且我不确定有什么不同。:-(