pace.js：“啟動”事件未觸發？

Question

我似乎無法找到解決這個問題，我在發布的評論這個問題 ......我用pace.js插件，我很想來加載我的網頁/顯示部分立即，而不必等待預加載加載所有內容。

我想通過簡單地調用start事件並立即顯示選擇器來做到這一點。

不過，我似乎無法找出為什么我的事業done事件被解雇，但start是沒有的。 我也試過了hide也被解雇了，但是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....之后它將獲得啟動狀態，你在文檔加載后調用這些方法，所以start必須已經被觸發。

Answer 4

注冊腳本和css之后，在你的htlm部分添加這個腳本

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