pace.js:“启动”事件未触发?

时间:2014-12-15 20:30:22

标签: javascript jquery javascript-events preload pace.js

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

我想通过简单地调用start事件并立即显示选择器来实现此目的。

但是我似乎无法找到导致done事件被触发的原因,但start不是。hide。我也试过stop也被解雇,但{​​{1}}或restart不是。

$(window).load(function(){

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

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

});

有什么想法吗?

4 个答案:

答案 0 :(得分:5)

在事件绑定后立即调用Pace.start()。然后,您就可以获得start事件。

答案 1 :(得分:5)

您需要致电

Pace.restart();

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

答案 2 :(得分:3)

你必须把

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

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

答案 3 :(得分:1)

注册脚本和css后,在你的htlm部分添加这个脚本

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