Come fermare il plugin js di pace per funzionare al caricamento della pagina. Voglio correggere solo su richiesta Ajax

Question

Sto usando jquery pace plugin con il tema della barra di avanzamento, tutto funziona bene. ma voglio risolvere questo run solo su richiesta Ajax. Dopo molte ricerche, decido di postare lì. Spero che qualcuno abbia la soluzione. Attualmente è in esecuzione sia su Ajax che sul caricamento della pagina.

Ecco la chiamata al file js con le opzioni fornite dal plugin. ma senza fortuna.

<script data-pace-options='{ "document": false }' src="js/pace/pace.min.js"></script> 

Answer 1

ho trovato la risposta per fermare pace.js sul caricamento della pagina e qui sto postando questo per altri utenti.

Ecco il codice di js calling.

<script data-pace-options='{ "elements": { "selectors": [".selector"] }, "startOnPageLoad": false }' src="js/pace/pace.min.js"></script> 

In questo sto impostando ritmo per data di selezione e un'altra opzione startOnPageLoad impostato su false per evitare di caricare il passo ad ogni caricamento della pagina.

Ed ecco un'altra domanda su pace.js che mi fornisce un aiuto.

Using pace.js on loading appended images

Answer 2

Se non si desidera uno script da eseguire al caricamento della pagina, mi viene in mente 2 opzioni al momento:

1) File pace.min.js aperto e trovare il codice che lo rende correre all'inizio, e semplicemente modificarlo in una funzione che è possibile chiamare sulla chiamata ajax.

2) rimuovere il collegamento pace.min.js dall'intestazione e collegarlo solo alla richiesta/risposta ajax.

• Here è possibile trovare una spiegazione su come collegare codice esterno utilizzando JavaScript, per voi sarà qualcosa di simile:

  var fileref=document.createElement('script'); 
  fileref.setAttribute("data-pace-options","{ 'document': false }"); 
  fileref.setAttribute("src", "js/pace/pace.min.js"); 
  document.getElementsByTagName("head")[0].appendChild(fileref);