MathJax 无法渲染内联元素？答案

【问题标题】：MathJax unable to render inline elements?MathJax 无法渲染内联元素？
【发布时间】：2021-12-07 18:19:35
【问题描述】：

我正在尝试创建一个使用 MathJax 库 (https://www.mathjax.org/) 呈现 LaTEX 的基本 HTML 页面。但是，当我在浏览器中运行我的网页时，只有非内联 LaTEX（包含在 $$ 中）显示，而内联 LaTEX 不显示（包含在 $ 中）：

这看起来很奇怪，考虑到我相信我已经通过以下代码配置了内联 LaTEX 的语法 ($[inline_LaTEX]$)：

<script type="text/x-mathjax-config">
  MathJax.Hub.Config({
    tex2jax: { inlineMath: [['$', '$']] }
  });
</script>

下面是我的代码：

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" >
        <title>MathJax Test</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
        <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
    
        <script type="text/x-mathjax-config">
          MathJax.Hub.Config({
            tex2jax: { inlineMath: [['$', '$']] }
          });
        </script>
    </head>
    <body>
        <div class="container">
            Here is an example of non-inline LaTEX:
            $$c^2 = a^2 + b^2$$
            Here is an example of inline LaTEX: $c^2 = a^2 + b^2$
        </div>
    </body>
</html>

【问题讨论】：

尝试其他配置格式，如Configuring MathJax。在这里工作的内联示例：(stackoverflow.com/a/67187272/15497888)
或者将您的 mathjax 导入更改为 <script id="MathJax-script" async src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>

标签： javascript html mathjax

【解决方案1】：

来自@HenryEcker 的评论，将 MathJax 导入更改为：

<script id="MathJax-script" async src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>

为我工作。

【讨论】：