InstantClick est compatible avec MathJax, Baidu Statistics et d'autres solutions

Cet article présente principalement comment rendre InstantClick compatible avec MathJax, Baidu Statistics, etc. L'éditeur pense que c'est plutôt bien, je vais donc le partager avec vous maintenant et le donner comme référence. Suivons l'éditeur pour y jeter un œil

Certains internautes ont mentionné auparavant que LaTex (implémenté par MathJax) sur le blog est défectueux. La raison en est que le clic instantané est utilisé ici pour obtenir l'effet d'ouvrir la page Web en quelques secondes. . Cependant, comme instantclick ne réexécutera pas le code JavaScript situé dans la zone d'en-tête, de nombreux logiciels-outils, tels que MathJax, Baidu Statistics, Google Analytics, Google Code Prettify et d'autres logiciels, insèrent directement des fichiers JS dans la zone d'en-tête. Cela rend ces outils invalides après un clic instantané et nécessitent une reconfiguration.

La configuration n'est pas compliquée. Les codes de ces outils eux-mêmes n'ont pas besoin d'être modifiés d'aucune façon, et ils peuvent être placés comme bon vous semble. Mais ajoutez le code suivant avant InstantClick.init(); :

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

La signification de ce code est qu'à chaque rechargement de la page, via un appel direct de fonction Réaliser la réexploitation de MathJax, Baidu Statistics, Google Code Prettify et Google Analytics.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!