思绪的空中生活

给typecho添加instantclick.js
背景博客加了音乐播放器,想要切换网页的时候不中断播放就需要pjax或instantclick的支持。搜索对比了一下...
扫描右侧二维码阅读全文
12
2017/01

给typecho添加instantclick.js

  • 背景
    博客加了音乐播放器,想要切换网页的时候不中断播放就需要pjax或instantclick的支持。搜索对比了一下,instantclick貌似要简单些,故选择instantclick。
  • 步骤
    ① 下载instantclick.js上传到自己的服务器目录。(使用cdn公用js的可以省略此步骤)。

② 在网页引用js:在主题文件里的footer.php文件的</body>标签前引用,自行更改js文件的位置。

<script src="//js文件路径" data-no-instant></script>

③ 加入代码让百度统计,多说等插件不失效:

  • 代码如下:
   <script data-no-instant>
   InstantClick.on('change', function(isInitialLoad) {
   if (isInitialLoad === false) {
       // 多说
        if ($(".ds-thread").length == 1)
        DUOSHUO.EmbedThread(".ds-thread")
       // 多说最近评论小工具
        DUOSHUO.RecentCommentsWidget(".ds-recent-comments")
        // 百度分享
        window._bd_share_main.init()
        // 百度统计
        _hmt.push(['_trackPageview', location.pathname + location.search])
        //MathJax
        if (typeof MathJax !== 'undefined')
       MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
         //google analytics
        if (typeof ga !== 'undefined')  // support google analytics
        ga('send', 'pageview', location.pathname + location.search);
         //google code prettify
         if (typeof prettyPrint !== 'undefined') // support google code prettify
         prettyPrint();
    }
     });
    InstantClick.init();
     </script>

一句代码为typecho博客加上pjax技术

Last modification:January 12th, 2017 at 03:08 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment