Lad os først se på renderingerne:
Let at bruge:
Trin 1: Kopier skabelonmappen, temamappen, pace.js pace.min.js ind i projektet
Trin 2: Indfør CSS-stilarter og JS-scripts
- <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>
Trin 3: Åbn siden, og du er færdig
Brugerdefineret konfiguration
Pace.js bliver automatisk indlæst på siden, der er ikke behov for at koble sig på nogen kode, og fremskridtet vil automatisk blive registreret. Hvis du vil foretage nogle justeringer, kan du sætte window.paceOptions til at tilpasse konfigurationen:
- <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>
Du kan også sætte brugerdefinerede indstillinger i scrip{filter}t-tagget, for eksempel:
- <scrip{过滤}t data-pace-options='{ "ajax": false }' src='pace.js'></scrip{过滤}t>
Hvis du bruger AMD eller Browserify til at indlæse moduler, kan du sætte det op sådan her (f.eks. start):
- <div>define(['pace'], function(pace){</div><div> pace.start({</div><div> document: false</div><div> });</div><div>});</div><div></div>
Brug API'et
Liste over API'er Pace.js offentlige:
Pace.start: Begynder at vise statuslinjen, hvis du ikke bruger AMD eller Browserify til at indlæse moduler, vil dette blive udført som standard.
Pace.restart: Fremdriftsbaren genindlæses og vises.
Pace.stop: skjuler progress-baren og stopper med at loade.
Pace.track: Overvåg en eller flere anmodningsopgaver.
Pace.ignorer: Ignorer en eller flere anmodningsopgaver.
Fil-download:
pace-0.5.6.zip
(153.26 KB, Antal downloads: 2)
|
Opslået på 18/01/2016 11.02.55
|
|
|
|
