Podívejme se nejdříve na vizualizace:
Snadné použití:
Krok 1: Zkopírujte složku šablon, složku s tématy pace.js pace.min.js do projektu
Krok 2: Zaveďte CSS styly 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: Otevřete stránku a máte hotovo
Vlastní konfigurace
Pace.js se automaticky načtou na stránku, není třeba se připojovat k jakémukoli kódu a postup bude automaticky detekován. Pokud chcete něco upravit, můžete nastavit window.paceOptions pro přizpůsobení konfigurace:
- <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 také přidat vlastní nastavení do štítku scrip{filter}t, například:
- <scrip{过滤}t data-pace-options='{ "ajax": false }' src='pace.js'></scrip{过滤}t>
Pokud používáte AMD nebo Browserify k načítání modulů, můžete to nastavit takto (např. start):
- <div>define(['pace'], function(pace){</div><div> pace.start({</div><div> document: false</div><div> });</div><div>});</div><div></div>
Použijte API
Seznam API Pace.js veřejných:
Pace.start: Začne zobrazovat ukazatel průběhu, pokud nepoužíváte AMD nebo Browserify k načítání modulů, bude to ve výchozím nastavení provedeno.
Pace.restart: Ukazatel průběhu se znovu načte a zobrazí.
Pace.stop: skryje ukazatel postupu a zastaví načítání.
Pace.track: Sledujte jeden nebo více úkolů na požadavek.
Tempo.ignorovat: Ignorujte jeden nebo více úkolů na požadavek.
Soubor ke stažení:
pace-0.5.6.zip
(153.26 KB, Počet stažení: 2)
|
Zveřejněno 18.01.2016 11:02:55
|
|
|
|
