包含的外部文件未由 MathJax 处理

Question

我想在一个 html 文件中包含一个外部文件，该文件具有应由 MathJax 处理的数学内容。 我尝试了几种方法来做到这一点，当外部文件被包含在 html 文件中时，其中的数学内容没有被处理。 一个最小的例子来证明这一点：

tst.html：

<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js"></script>
  </head>
  <body>
    This displays correctly: \(\phi\). 
    <inc></inc>
    <script>
     fetch("./tst.txt")
       .then(response => {
         return response.text()
       })
       .then(data => {
         document.querySelector("inc").innerHTML = data;
       });
    </script>
    <div id="abc"></div>
    <div id="def">
      <script>$("#def").load("tst.txt");</script>
    </div>
    <script>
     $(function(){
       $('#abc').load('tst.txt');
     });
    </script>
  </body>
</html>

tst.txt：

\(\phi = 0\)

在浏览器中，html 文件中的数学内容显示正确，但在包含文件的文本中显示不正确。 有没有办法正确处理外部文件中的数学内容？

Answer 1

也许问题在于，只有在 MathJax 呈现 Maths 之后，文件才会被拉入页面。 因此，您需要“询问” MathJax 以在页面中搜索更多数学并呈现新数学。

从 MathJax 文档：

如果您正在编写一个动态网页，其中在 MathJax 已经排版了页面的其余部分之后可能会出现包含数学的内容，那么您将需要告诉 MathJax 在生成新内容时再次在页面中查找数学。 为此，您需要使用 MathJax.typeset() 方法。 这将导致 MathJax 在页面上查找未处理的数学并对其进行排版，而任何已排版的数学保持不变。