Comment configurer InstantClick pour qu'il soit compatible avec MathJax, Baidu Statistics, etc.

Cette fois, je vais vous montrer comment configurer InstantClick pour qu'il soit compatible avec MathJax et Baidu Statistics, etc. Quelles sont les précautions pour configurer InstantClick pour qu'il soit compatible avec MathJax et Baidu Statistics, etc. Ce qui suit est un cas pratique, jetons-y un œil.

Certains internautes ont mentionné auparavant que LaTex (implémenté par MathJax) sur le blog était 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 section head, de nombreux logiciels, tels que MathJax, Baidu Statistics, Google Analyses, code Google Un logiciel tel que Prettify insère directement les 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 et ils peuvent être placés comme bon vous semble. Mais ajoutez le code suivant avant InstantClick.init(); :

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

La signification de ce code est que chaque fois que la page est rechargée , MathJax, Baidu Statistics, Google Code Prettify et Google Analytics seront réexécutés via des appels directs fonction .

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

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!