詳解如何讓InstantClick兼容MathJax、百度統(tǒng)計(jì)等
之前有網(wǎng)友提及博客上的LaTex（由MathJax實(shí)現(xiàn)）壞掉了，其原因是這里使用了instantclick，以達(dá)到網(wǎng)頁(yè)秒開(kāi)的效果。但由于instantclick不會(huì)重新運(yùn)行位于head部分的JavaScript代碼，而很多工具性軟件，比如MathJax、百度統(tǒng)計(jì)、Google Analytics、Google Code Prettify等軟件都是直接將JS文件插入到head區(qū)域。這導(dǎo)致這些工具在instantclick點(diǎn)擊后失效，需要重新配置。
配置并不復(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)計(jì)
_hmt.push(['_trackPageview', location.pathname + location.search]);
if (typeof ga !== 'undefined') // support google analytics
ga('send', 'pageview', location.pathname + location.search);
}
});
InstantClick.init();
</script>
這段代碼的含義是每次頁(yè)面重載時(shí)，通過(guò)直接的函數(shù)調(diào)用來(lái)實(shí)現(xiàn)MathJax、百度統(tǒng)計(jì)、Google Code Prettify、Google Analytics的重新運(yùn)行。
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
JS去掉字符串末尾的標(biāo)點(diǎn)符號(hào)及刪除最后一個(gè)字符的方法
這篇文章主要介紹了JS去掉字符串末尾的標(biāo)點(diǎn)符號(hào)及刪除最后一個(gè)字符的方法,需要的朋友可以參考下2017-10-10
在項(xiàng)目中我們會(huì)遇到一次請(qǐng)求多個(gè)接口,當(dāng)所有請(qǐng)求結(jié)束后進(jìn)行操作,也會(huì)遇到多個(gè)請(qǐng)求（大量）同時(shí)進(jìn)行請(qǐng)求資源,這篇文章主要給大家介紹了關(guān)于前端如何控制并發(fā)請(qǐng)求舉例的相關(guān)資料,需要的朋友可以參考下2024-09-09
本文中，我將會(huì)通過(guò)類(lèi)數(shù)組對(duì)象（array like object），探索javascript中的length屬性的一些秘密。2011-07-07
這篇文章主要為大家詳細(xì)介紹了原生js編寫(xiě)焦點(diǎn)圖效果,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
css3表現(xiàn)沖擊最大的就是動(dòng)畫(huà)了，因此很有必要去事先判斷瀏覽器是否支持，寫(xiě)CSS3動(dòng)畫(huà)庫(kù)就只有部分瀏覽器支持2014-10-10
BootStrap.css 在手機(jī)端滑動(dòng)時(shí)右側(cè)出現(xiàn)空白的原因及解決辦法
這篇文章主要介紹了BootStrap.css 在手機(jī)端滑動(dòng)時(shí)右側(cè)出現(xiàn)空白的原因及解決辦法的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
bootstrap插件treeview實(shí)現(xiàn)全選父節(jié)點(diǎn)下所有子節(jié)點(diǎn)和反選功能
這篇文章主要為大家詳細(xì)介紹了bootstrap插件treeview實(shí)現(xiàn)全選父節(jié)點(diǎn)下所有子節(jié)點(diǎn)、反選功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
jQuery判斷密碼強(qiáng)度實(shí)現(xiàn)思路及代碼
實(shí)現(xiàn)思路為：密碼小于六位的時(shí)候，密碼強(qiáng)度圖片都為灰色;密碼為七位及以上并且字母、數(shù)字、特殊字符三項(xiàng)中有兩項(xiàng)，強(qiáng)度等等，感興趣的朋友可以參考下哈2013-04-04
D3.js實(shí)現(xiàn)餅圖,環(huán)圖,玫瑰圖的繪制
這篇文章主要為大家介紹了如何利用D3.js中的d3.pie和d3.arc實(shí)現(xiàn)餅圖、環(huán)圖和玫瑰圖的繪制，文中的實(shí)現(xiàn)方法講解詳細(xì)，感興趣的可以嘗試一下2022-11-11
JavaScript設(shè)計(jì)模式之單例模式詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript設(shè)計(jì)模式之例模式的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06