Jak zatrzymać uruchamianie pluga js podczas ładowania strony. Chcę naprawić tylko na żądanie Ajax

Question

Używam jquery pace plugin z motywem paska postępu, wszystko działa dobrze. ale chcę naprawić ten bieg tylko na żądanie ajax. Po wielu poszukiwaniach decyduję się na publikację. Mam nadzieję, że ktoś ma rozwiązanie. Obecnie działa zarówno na Ajaxie, jak i na stronie.

Oto wywołanie pliku js z opcjami podawanymi przez wtyczkę. ale bez powodzenia.

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

Answer 1

znalazłem odpowiedź na przystanek pace.js na stronie ładowania i tutaj zamieszczam to dla innych użytkowników.

Oto kod wywołania js.

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

W tym jestem ustawiania tempa do danego selektora i inna opcja startOnPageLoad ustawiona na false, aby uniknąć obciążenia na każdym kroku ładowania strony.

A oto kolejne pytanie na pace.js, które zapewnia mi pomoc.

Using pace.js on loading appended images

Answer 2

Jeśli nie chcesz, aby uruchomić skrypt na stronie obciążenia, mogę myśleć z 2 opcji w tej chwili:

1) Otwórz plik pace.min.js i znaleźć kod sprawia, że uruchom na starcie i po prostu zmień go na funkcję, którą możesz wywołać w swoim wywołaniu ajaxowym.

2) usuń link pace.min.js z nagłówka i dołącz go tylko do zapytania/odpowiedzi ajax.

• Here można znaleźć wyjaśnienie, w jaki sposób podłączyć zewnętrznego kodu przy użyciu javascript, dla ciebie to będzie coś takiego:

  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);