javascript - pace.js：“开始”事件未触发？

Question

我似乎找不到解决这个问题的方法，我在这个问题的评论中发布了…… 我正在使用pace.js插件，我很想立即加载/显示我的页面的某些部分，而无需等待预加载器加载所有内容。

我想通过简单地调用start事件并立即显示选择器来做到这一点。

但是我似乎无法找到我的done事件被触发的原因，但start不是。我也试过hidewhich 也被解雇了，但stop还是restart没有。

$(window).load(function(){

    Pace.on('start', function() { 
        alert('start') // not fired
    });

    Pace.on('done', function() {
        alert('done') // fired!
    });

});

有任何想法吗？

Answer 1

在事件绑定之后调用Pace.start()。然后，您将能够获得该start事件。

Answer 2

你需要打电话

Pace.restart();

如果当前页面已经加载了速度进度。

Answer 3

你必须把

Pace.on('start', function() { 
   alert('start');
});

$(window).load.... 之后它将获得启动状态，您在加载文档后调用这些方法，因此启动必须已经被触发。

Answer 4

注册脚本和 css 后，在您的 htlm 部分添加此脚本

    <script type="text/javascript">
        window.onbeforeunload = renderLoading;
        function renderLoading() {
            Pace.stop();
            //Pace.start();
            Pace.bar.render();
        }