Najskôr sa pozrime na vizualizácie:
Jednoduché na používanie:
Krok 1: Skopírujte priečinky šablón, priečinok s témami pace.js pace.min.js do projektu
Krok 2: Zaveďte CSS štýly a JS skripty
- <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>
Krok 3: Otvorte stránku a máte hotovo
Vlastná konfigurácia
Pace.js sa automaticky načíta na stránku, nie je potrebné sa pripájať k kódu a pokrok bude automaticky detegovaný. Ak chcete urobiť nejaké úpravy, môžete nastaviť window.paceOptions na prispôsobenie konfigurácie:
- <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>
Môžete tiež pridať vlastné nastavenia do značky scrip{filter}t, napríklad:
- <scrip{过滤}t data-pace-options='{ "ajax": false }' src='pace.js'></scrip{过滤}t>
Ak použijete AMD alebo Browserify na načítanie modulov, môžete to nastaviť takto (napr. Start):
- <div>define(['pace'], function(pace){</div><div> pace.start({</div><div> document: false</div><div> });</div><div>});</div><div></div>
Použite API
Zoznam API Pace.js verejných:
Pace.start: Začne sa zobrazovať ukazovateľ priebehu, ak nepoužívate AMD alebo Browserify na načítanie modulov, toto sa spustí štandardne.
Pace.restart: Progress bar sa znovu načíta a zobrazí.
Pace.stop: skryje ukazovateľ postupu a zastaví načítavanie.
Pace.track: Monitorujte jednu alebo viac úloh požiadaviek.
Pace.ignore: Ignorujte jednu alebo viac úloh na požiadanie.
Stiahnutie súboru:
pace-0.5.6.zip
(153.26 KB, Počet stiahnutí: 2)
|
Zverejnené 18. 1. 2016 11:02:55
|
|
|
|
