この記事では、InstantClick を MathJax や Baidu Statistics などに対応させる方法を主に紹介します。編集者が非常に優れていると思ったので、参考として共有します。編集者をフォローして見てみましょう
以前、ブログ上の LaTex (MathJax によって実装) が壊れていると一部のネチズンが言及していましたが、その理由は、Web ページを数秒で開く効果を実現するためにここで instantclick が使用されているためです。ただし、Instantclick はヘッド領域にある JavaScript コードを再実行しないため、MathJax、Baidu Statistics、Google Analytics、Google Code Prettify などの多くのツール ソフトウェアは、JS ファイルをヘッド領域に直接挿入します。これにより、インスタントクリック後にこれらのツールが無効になり、再構成が必要になります。
これらのツールのコード自体は複雑ではなく、任意の場所に配置できます。ただし、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、Baidu Statistics、Google Code Prettify、Google Analytics を実装することです。 。
以上がInstantClick は MathJax、Baidu Statistics、その他のソリューションと互換性がありますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。