详解如何让InstantClick兼容MathJax、百度统计等
更新时间：2017年09月12日 16:19:38 作者：zhiqiang
本篇文章主要介绍了如何让InstantClick兼容MathJax、百度统计等，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
之前有网友提及博客上的LaTex（由MathJax实现）坏掉了，其原因是这里使用了instantclick，以达到网页秒开的效果。但由于instantclick不会重新运行位于head部分的JavaScript代码，而很多工具性软件，比如MathJax、百度统计、Google Analytics、Google Code Prettify等软件都是直接将JS文件插入到head区域。这导致这些工具在instantclick点击后失效，需要重新配置。
配置并不复杂，这些工具本身的代码不用做任何修改，该怎么放还怎么放。但在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>
这段代码的含义是每次页面重载时，通过直接的函数调用来实现MathJax、百度统计、Google Code Prettify、Google Analytics的重新运行。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了JS去掉字符串末尾的标点符号及删除最后一个字符的方法,需要的朋友可以参考下2017-10-10
在项目中我们会遇到一次请求多个接口,当所有请求结束后进行操作,也会遇到多个请求（大量）同时进行请求资源,这篇文章主要给大家介绍了关于前端如何控制并发请求举例的相关资料,需要的朋友可以参考下2024-09-09
本文中，我将会通过类数组对象（array like object），探索javascript中的length属性的一些秘密。2011-07-07
这篇文章主要为大家详细介绍了原生js编写焦点图效果,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
css3表现冲击最大的就是动画了，因此很有必要去事先判断浏览器是否支持，写CSS3动画库就只有部分浏览器支持2014-10-10
BootStrap.css 在手机端滑动时右侧出现空白的原因及解决办法
这篇文章主要介绍了BootStrap.css 在手机端滑动时右侧出现空白的原因及解决办法的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下2016-06-06
bootstrap插件treeview实现全选父节点下所有子节点和反选功能
这篇文章主要为大家详细介绍了bootstrap插件treeview实现全选父节点下所有子节点、反选功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
实现思路为：密码小于六位的时候，密码强度图片都为灰色;密码为七位及以上并且字母、数字、特殊字符三项中有两项，强度等等，感兴趣的朋友可以参考下哈2013-04-04
这篇文章主要为大家介绍了如何利用D3.js中的d3.pie和d3.arc实现饼图、环图和玫瑰图的绘制，文中的实现方法讲解详细，感兴趣的可以尝试一下2022-11-11
这篇文章主要为大家详细介绍了JavaScript设计模式之例模式的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
最新评论