InstantClick は MathJax、Baidu Statistics、その他のソリューションと互換性があります

巴扎黑
リリース: 2017-09-13 09:35:44
オリジナル
1236 人が閲覧しました

この記事では、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(&#39;change&#39;, function(isInitialLoad) {
 if (isInitialLoad === false) {
  if (typeof MathJax !== &#39;undefined&#39;) // support MathJax
   MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
  if (typeof prettyPrint !== &#39;undefined&#39;) // support google code prettify
   prettyPrint();
  if (typeof _hmt !== &#39;undefined&#39;) // support 百度统计
   _hmt.push([&#39;_trackPageview&#39;, location.pathname + location.search]);
  if (typeof ga !== &#39;undefined&#39;) // support google analytics
    ga(&#39;send&#39;, &#39;pageview&#39;, location.pathname + location.search);
 }
});
InstantClick.init();
</script>
ログイン後にコピー

このコードの意味は、ページがリロードされるたびに直接関数呼び出しを介して MathJax、Baidu Statistics、Google Code Prettify、Google Analytics を実装することです。 。

以上がInstantClick は MathJax、Baidu Statistics、その他のソリューションと互換性がありますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート