詳解如何讓InstantClick兼容MathJax、百度統(tǒng)計等

之前有網(wǎng)友提及博客上的LaTex（由MathJax實現(xiàn)）壞掉了，其原因是這里使用了instantclick，以達(dá)到網(wǎng)頁秒開的效果。但由于instantclick不會重新運行位于head部分的JavaScript代碼，而很多工具性軟件，比如MathJax、百度統(tǒng)計、Google Analytics、Google Code Prettify等軟件都是直接將JS文件插入到head區(qū)域。這導(dǎo)致這些工具在instantclick點擊后失效，需要重新配置。

成都創(chuàng)新互聯(lián)提供網(wǎng)站制作、成都網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計，品牌網(wǎng)站建設(shè)，廣告投放平臺等致力于企業(yè)網(wǎng)站建設(shè)與公司網(wǎng)站制作，十載的網(wǎng)站開發(fā)和建站經(jīng)驗,助力企業(yè)信息化建設(shè)，成功案例突破上1000+,是您實現(xiàn)網(wǎng)站建設(shè)的好選擇.

配置并不復(fù)雜，這些工具本身的代碼不用做任何修改，該怎么放還怎么放。但在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 百度統(tǒng)計
   _hmt.push(['_trackPageview', location.pathname + location.search]);
  if (typeof ga !== 'undefined') // support google analytics
    ga('send', 'pageview', location.pathname + location.search);
 }
});
InstantClick.init();
</script>

這段代碼的含義是每次頁面重載時，通過直接的函數(shù)調(diào)用來實現(xiàn)MathJax、百度統(tǒng)計、Google Code Prettify、Google Analytics的重新運行。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。

文章名稱：詳解如何讓InstantClick兼容MathJax、百度統(tǒng)計等
瀏覽地址：http://muchs.cn/article44/gepjee.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗、定制開發(fā)、企業(yè)網(wǎng)站制作、標(biāo)簽優(yōu)化、Google、電子商務(wù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)