详解如何让InstantClick兼容MathJax、百度统计等
2017-09-12 16:19
549 查看
之前有网友提及博客上的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的重新运行。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- 当同时安装Python2和Python3后,如何兼容并切换使用详解(比如pip使用)
- 详解如何调试Xcode程序
- 如何在CCS3.3下建立基于DSP-BIOS和XDC的工程详解
- 详解 Android 是如何启动的
- Python3 如何优雅地使用正则表达式(详解一)
- 单片机串口通讯RXD与TXD如何对接详解(独家!)
- Python3 如何优雅地使用正则表达式(详解五)
- 详解在 Linux 启动时,如何自动执行命令或脚本
- 详解C++中如何将构造函数或析构函数的访问权限定为private
- 详解基于Vue-cli搭建的项目如何和后台交互
- 如何给网站添加【百度统计】
- React如何利用相对于根目录进行引用组件详解
- Android如何实现社交应用中的评论与回复功能详解
- 如何获取微信用户的Openid详解(微信网页授权)
- 关于如何删除掉select中的option元素,兼容IE、Firefox
- CSS3中的transform变形详解兼容ie
- VMware虚拟机中如何安装VMWare-Tools详解
- Android 软件开发之如何使用Eclipse Debug调试程序详解(十二)
- RHCSA 系列(二): 如何進行文件和目錄管理命令_Linux RHCSA 系列(二): 如何進行文件和目錄管理 命令用法详解:
- .Net Core项目如何添加日志功能详解