이 글에서는 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('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 중국어 웹사이트의 기타 관련 기사를 참조하세요!