Pirmiausia pažvelkime į atvaizdus:
Lengva naudoti:
1 veiksmas: nukopijuokite šablonų aplanką, temų aplanką, pace.js pace.min.js į projektą
2 veiksmas: pristatykite CSS stilius ir JS scenarijus
- <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 veiksmas: atidarykite puslapį ir viskas
Pasirinktinė konfigūracija
Pace.js bus automatiškai įkeltas į puslapį, nereikės prisikabinti prie jokio kodo, o eiga bus automatiškai aptikta. Jei norite atlikti tam tikrus pakeitimus, galite nustatyti window.paceOptions, kad tinkintumėte konfigūraciją:
- <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>
Taip pat galite įtraukti pasirinktinius nustatymus į scrip{filter}t žymą, pvz.:
- <scrip{过滤}t data-pace-options='{ "ajax": false }' src='pace.js'></scrip{过滤}t>
Jei moduliams įkelti naudojate AMD arba Browserify, galite jį nustatyti taip (pvz., pradėti):
- <div>define(['pace'], function(pace){</div><div> pace.start({</div><div> document: false</div><div> });</div><div>});</div><div></div>
Naudokite API
Viešai Pace.js API sąrašas:
Pace.start: pradeda rodyti eigos juostą, jei moduliams įkelti nenaudojate AMD arba Browserify, tai bus vykdoma pagal numatytuosius nustatymus.
Pace.restart: eigos juosta įkeliama iš naujo ir rodoma.
Pace.stop: paslepia eigos juostą ir sustabdo įkėlimą.
Pace.track: stebėkite vieną ar kelias užklausos užduotis.
Pace.ignore: nepaisyti vienos ar kelių užklausos užduočių.
Failo atsisiuntimas:
pace-0.5.6.zip
(153.26 KB, Atsisiuntimų skaičius: 2)
|
Paskelbta 2016-01-18 11:02:55
|
|
|
|
