使用 InstantClick 时 piwik 、 MathJax 的配置
InstantClick 是一个利用 hover 和 click 的时间差,预加载网页的黑科技。原理主要是在 hover 的时候预读网页,然后点击的时候就替换整个页面,让你的网站看起来整个都 PJAX 过~很酷炫。
不过造成的问题也很显然:换页的时候很多统计工具会失效;像我博客用的 piwik 就无法统计到页面的切换。同样,MathJax 这类渲染页面的插件也失效了。
解决方法很简单,只需在初始化之前,监听 InstantClick 对象的 change 事件,在事件中处理统计和渲染操作。代码如下:
InstantClick.on('change', function() {
//piwik
_paq.push(['setDocumentTitle', document.title]);
_paq.push(['trackPageView']);
//mathjax
MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
});
InstantClick.init();
Enjoy ~