>웹 프론트엔드 >JS 튜토리얼 >InstantClick은 MathJax, Baidu Statistics 및 기타 솔루션과 호환됩니다.

InstantClick은 MathJax, Baidu Statistics 및 기타 솔루션과 호환됩니다.

巴扎黑
巴扎黑원래의
2017-09-13 09:35:441283검색

이 글에서는 InstantClick을 MathJax, Baidu Statistics 등과 호환되게 만드는 방법을 주로 소개합니다. 편집자는 꽤 좋다고 생각해서 지금 공유하고 참고용으로 제공하겠습니다. 편집자를 따라가서 살펴보겠습니다

일부 네티즌들은 블로그의 LaTex(MathJax로 구현)가 깨졌다고 언급했는데, 그 이유는 여기에서 인스턴트 클릭을 사용하여 몇 초 만에 웹 페이지를 여는 효과를 얻기 때문입니다. 그러나 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.