0

К документу страницы в Blogger подключены два скрипта. В теге <head>:

<script type ='text/x-mathjax-config'>
        MathJax.Hub.Config({
        tex2jax: {inlineMath: [[&#39;$&#39;,&#39;$&#39;], [&#39;\\(&#39;,&#39;\\)&#39;]]}
        });
</script>
<script src='http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML' type='text/javascript'> </script>

Этот скрипт отвечает за отрисовку математических формул.
Следующий скрипт отвечает за отображение схем. Он содержится на некоторых страницах в блоке отображения сообщения.

<script src="https://www.draw.io/embed2.js?s=flowchart&amp;" type="text/javascript"></script>

На данный момент на страницах, где используется оба скрипта, первый из блока <head> игнорируется и выполняется только второй. Необходимо, чтобы на странице выполнялись эти два скрипта. И корректно отображался контент, использующих оба этих скрипта, на одной странице.

В консоли браузера выходят следующие ошибки:

Uncaught TypeError: Cannot read property 'Startup' of undefined
at Object.StartupHook (MathJax.js:19)
at Object.loadComplete (MathJax.js:19)
at Function.execute (MathJax.js:19)
at cb (MathJax.js:19)

 Uncaught TypeError: Cannot read property 'MathEvents' of undefined
    at TeX-AMS-MML_HTMLorMML.js?V=2.7.0:55
    at Function.execute (MathJax.js:19)
    at cb (MathJax.js:19)
    at Object.Execute (MathJax.js:19)
    at Object.ExecuteHooks (MathJax.js:19)
    at Function.execute (MathJax.js:19)
    at cb (MathJax.js:19)
    at Object.Execute (MathJax.js:19)
    at Object.Post (MathJax.js:19)
    at Function.execute (MathJax.js:19)
3
  • В вашем вопросе я вижу три тэга объявления скрипта, не понятно где второй и что игнорируется.. 28 фев 2017 в 19:55
  • Игнорируется тот, что в теге head
    – Argetto
    1 мар 2017 в 6:25
  • docs.mathjax.org/en/latest/start.html#tex-and-latex-input - в документации в премере скрипт подключается с использованием async атрибута. Попробуйте.
    – YozhEzhi
    1 мар 2017 в 8:05

1 ответ 1

0

Просмотрев ошибки браузера можно заметить, что они связаны с одновременным выполнением отрисовки схем. Т.е. MathJax пытается прочесть весь код страницы, в том числе и не загруженную полностью схему. В связи с этим возникают ошибки парсинга скриптом MathJax. Чтобы этого избежать добавляем в конец шаблона, перед </body> следующий код:

<script>
setTimeout(function() {
   var script = document.createElement('script');
   script.src = 'https://www.draw.io/embed2.js?s=flowchart&amp;';
   script.type = 'text/javascript';
   document.head.appendChild(script);
}, 2000);
</script>

Это позволит выполнение после скрипта MathJax. Сама отрисовка схемы будет происходить только на тех страницах, где она присутствует. И это позволить избежать дублирование кода отрисовки схем на всех страницах.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.