Vaatame esmalt renderdusi:
Lihtne kasutada:
1. samm: Kopeeri mallide kaust, teemade kaust, pace.js pace.min.js projekti
2. samm: Tutvusta CSS stiile ja JS skripte
- <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>
3. samm: Ava leht ja oledki valmis
Kohandatud konfiguratsioon
Pace.js laaditakse automaatselt lehele, pole vaja koodiga ühendust võtta ja edenemine tuvastatakse automaatselt. Kui soovid mõningaid muudatusi teha, saad seada window.paceOptions, et konfiguratsiooni kohandada:
- <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>
Sa võid panna ka kohandatud seadeid scrip{filter}t silti, näiteks:
- <scrip{过滤}t data-pace-options='{ "ajax": false }' src='pace.js'></scrip{过滤}t>
Kui kasutad AMD-d või Browserify't moodulite laadimiseks, saad selle seadistada nii (nt start):
- <div>define(['pace'], function(pace){</div><div> pace.start({</div><div> document: false</div><div> });</div><div>});</div><div></div>
Kasuta API-d
Avalike API-de Pace.js:
Pace.start: Hakkab näitama edenemisriba, kui sa ei kasuta AMD-d ega Browserify't moodulite laadimiseks, käivitatakse see vaikimisi.
Pace.restart: Edenemisriba laaditakse uuesti ja kuvatakse.
Pace.stop: peidab edenemisriba ja peatab laadimise.
Pace.track: Jälgi üht või mitut päringu ülesannet.
Pace.ignore: Ignoreeri ühte või mitut päringu ülesannet.
Faili allalaadimine:
pace-0.5.6.zip
(153.26 KB, Allalaadimiste arv: 2)
|
Postitatud 18.01.2016 11:02:55
|
|
|
|
