详解如何让InstantClick兼容MathJax,百度统计等

  

之前有网友提及博客上的乳胶(由MathJax实现)坏掉了,其原因是这里使用了instantclick,以达到网页秒开的效果。但由于instantclick不会重新运行位于头部分的JavaScript代码,而很多工具性软件,比如MathJax,百度统计,谷歌分析,谷歌代码美化等软件都是直接将JS文件插入到头部区域。这导致这些工具在instantclick点击后失效,需要重新配置。

  

配置并不复杂,这些工具本身的代码不用做任何修改,该怎么放还怎么放。但在InstantClick.init();之前添加以下代码:

        & lt;脚本data-no-instant>   InstantClick。(“改变”,函数(isInitialLoad) {   如果(isInitialLoad===false) {   如果(typeof MathJax !==ㄒ濉?//MathJax支持   MathJax.Hub.Queue([“排版”,MathJax.Hub]);   如果(typeof prettyPrint !==ㄒ濉?//支持google代码美化   prettyPrint ();   如果(typeof _hmt !==ㄒ濉?//支持百度统计   _hmt。推动([_trackPageview,位置。路径名+ location.search]);   如果(typeof ga !==ㄒ濉?//支持谷歌分析   ga(“发送”、“浏览”的位置。路径名+ location.search);   }   });   InstantClick.init ();   & lt;/script>      

这段代码的含义是每次页面重载时,通过直接的函数调用来实现MathJax,百度统计,谷歌代码美化,Google Analytics的重新运行。

  

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

详解如何让InstantClick兼容MathJax,百度统计等