Să aruncăm o privire mai întâi la randare:
Ușor de folosit:
Pasul 1: Copiază folderul șabloanelor, folderul de teme, pace.js pace.min.js în proiect
Pasul 2: Introdu stilurile CSS și scripturile JS
- <div><link href="/Content/pace/themes/pace-theme-center-atom.css" rel="stylesheet" /></div><div><scrip{过滤}t src="/Content/pace/pace.min.js"></scrip{过滤}t></div>
Pasul 3: Deschide pagina și ai terminat
Configurație personalizată
Pace.js va fi încărcat automat în pagină, nu va fi nevoie să se conecteze la niciun cod, iar progresul va fi detectat automat. Dacă vrei să faci unele ajustări, poți seta window.paceOptions pentru a personaliza configurația:
- <div> paceOptions = {</div><div> // Disable the 'elements' source</div><div> elements: false,</div><div> </div><div> // Only show the progress on regular and ajax-y page navigation,</div><div> // not every request</div><div> restartOnRequestAfter: false</div><div> }</div>
De asemenea, poți pune setări personalizate în tag-ul scrip{filter}t, de exemplu:
- <scrip{过滤}t data-pace-options='{ "ajax": false }' src='pace.js'></scrip{过滤}t>
Dacă folosești AMD sau Browserify pentru a încărca module, poți configura așa (de exemplu, start):
- <div>define(['pace'], function(pace){</div><div> pace.start({</div><div> document: false</div><div> });</div><div>});</div><div></div>
Folosește API-ul
Listă de API-uri Pace.js publice:
Pace.start: Începe să afișeze bara de progres, dacă nu folosești AMD sau Browserify pentru a încărca module, acest lucru va fi executat implicit.
Pace.restart: Bara de progres se reîncarcă și se afișează.
Pace.stop: ascunde bara de progres și oprește încărcarea.
Pace.track: Monitorizează una sau mai multe sarcini de solicitare.
Pace.ignore: Ignoră una sau mai multe sarcini de solicitare.
Descărcare fișier:
pace-0.5.6.zip
(153.26 KB, Numărul de descărcări: 2)
|
Postat pe 18.01.2016 11:02:55
|
|
|
|
