Laten we eerst naar de renderings kijken:
Eenvoudig te gebruiken:
Stap 1: Kopieer de templates-map, de themas-map, pace.js pace.min.js naar het project
Stap 2: Introduceer CSS-stijlen en 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>
Stap 3: Open de pagina en je bent klaar
Aangepaste configuratie
Pace.js wordt automatisch geladen op de pagina, je hoeft geen code te koppelen, en de voortgang wordt automatisch gedetecteerd. Als je wat aanpassingen wilt doen, kun je window.paceOptions instellen om de configuratie aan te passen:
- <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>
Je kunt ook aangepaste instellingen in de tag script{filter}t zetten, bijvoorbeeld:
- <scrip{过滤}t data-pace-options='{ "ajax": false }' src='pace.js'></scrip{过滤}t>
Als je AMD of Browserify gebruikt om modules te laden, kun je het zo instellen (bijvoorbeeld start):
- <div>define(['pace'], function(pace){</div><div> pace.start({</div><div> document: false</div><div> });</div><div>});</div><div></div>
Gebruik de API
Lijst van API's Pace.js publiek:
Pace.start: Begint de voortgangsbalk te tonen, als je geen AMD of Browserify gebruikt om modules te laden, wordt dit standaard uitgevoerd.
Pace.restart: De voortgangsbalk laadt opnieuw en wordt weergegeven.
Pace.stop: verbergt de voortgangsbalk en stopt met laden.
Pace.track: Monitor één of meer verzoektaken.
Pace.ignore: Negeer één of meer verzoektaken.
Bestand downloaden:
pace-0.5.6.zip
(153.26 KB, Aantal downloads: 2)
|
Geplaatst op 18-01-2016 11:02:55
|
|
|
|
