2014-12-15 19 views
7

Tôi dường như không tìm được giải pháp cho vấn đề này mà tôi đã đăng trong các ý kiến ​​của this question … Tôi đang sử dụng plugin pace.js và tôi rất thích tải/hiển thị các phần của trang ngay lập tức mà không phải đợi trình tải trước để tải tất cả nội dung.rhythm.js: sự kiện "bắt đầu" không được kích hoạt?

Tôi đã nghĩ đến việc này bằng cách gọi sự kiện start và hiển thị bộ chọn ngay lập tức.

Tuy nhiên tôi dường như không thể tìm ra nguyên nhân tại sao sự kiện done của tôi bị kích hoạt, nhưng start thì không. Tôi cũng đã thử với hide cũng được kích hoạt, nhưng stop hoặc restart thì không.

$(window).load(function(){ 

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

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

}); 

Mọi ý tưởng?

Trả lời

5

Gọi Pace.start(), ngay sau khi kết hợp sự kiện. Sau đó, bạn sẽ có thể nhận được sự kiện start.

+0

@ Matt: Xin lỗi, tôi không có exp với Pace. Vui lòng tạo câu hỏi mới cho yêu cầu hiện tại của bạn. –

2

Bạn phải đặt

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

ngoài $(window).load.... Sau đó nó sẽ được bắt đầu trạng thái, Bạn đang kêu gọi Những phương pháp này sau khi tài liệu được nạp nên bắt đầu phải đã triggred.

4

Bạn sẽ cần phải gọi

Pace.restart(); 

nếu trang hiện tại đã nạp với sự tiến bộ tốc độ.

0

sau khi đăng ký kịch bản và css, trên phần htlm của bạn thêm kịch bản này

<script type="text/javascript"> 
     window.onbeforeunload = renderLoading; 
     function renderLoading() { 
      Pace.stop(); 
      //Pace.start(); 
      Pace.bar.render(); 
     } 
Các vấn đề liên quan