InstantClick ist mit MathJax, Baidu Statistics und anderen Lösungen kompatibel

In diesem Artikel wird hauptsächlich beschrieben, wie man InstantClick mit MathJax, Baidu Statistics usw. kompatibel macht. Der Herausgeber findet es ziemlich gut, daher werde ich es jetzt mit Ihnen teilen und als Referenz verwenden. Folgen wir dem Editor, um einen Blick darauf zu werfen.

Einige Internetnutzer haben zuvor erwähnt, dass LaTex (implementiert von MathJax) im Blog fehlerhaft ist. Der Grund dafür ist, dass hier Instantclick verwendet wird, um den Effekt zu erzielen, dass die Webseite in Sekundenschnelle geöffnet wird . Da Instantclick jedoch den im Head-Bereich befindlichen JavaScript-Code nicht erneut ausführt, fügen viele Tool-Software wie MathJax, Baidu Statistics, Google Analytics, Google Code Prettify und andere Software JS-Dateien direkt in den Head-Bereich ein. Dies führt dazu, dass diese Tools nach Instantclick ungültig werden und eine Neukonfiguration erfordern.

Die Konfiguration ist nicht kompliziert. Die Codes dieser Tools selbst müssen in keiner Weise geändert werden und können nach Belieben platziert werden. Fügen Sie jedoch vor InstantClick.init(); den folgenden Code hinzu:

<script data-no-instant>
InstantClick.on(&#39;change&#39;, function(isInitialLoad) {
 if (isInitialLoad === false) {
  if (typeof MathJax !== &#39;undefined&#39;) // support MathJax
   MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
  if (typeof prettyPrint !== &#39;undefined&#39;) // support google code prettify
   prettyPrint();
  if (typeof _hmt !== &#39;undefined&#39;) // support 百度统计
   _hmt.push([&#39;_trackPageview&#39;, location.pathname + location.search]);
  if (typeof ga !== &#39;undefined&#39;) // support google analytics
    ga(&#39;send&#39;, &#39;pageview&#39;, location.pathname + location.search);
 }
});
InstantClick.init();
</script>

Die Bedeutung dieses Codes besteht darin, dass die Seite jedes Mal neu geladen wird, und zwar durch einen direkten Funktionsaufruf Realisieren Sie den Neubetrieb von MathJax, Baidu Statistics, Google Code Prettify und Google Analytics.

Das obige ist der detaillierte Inhalt vonInstantClick ist mit MathJax, Baidu Statistics und anderen Lösungen kompatibel. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!