MathJax 不渲染乳胶

Question

我尝试将 MathJax 嵌入页面以将乳胶呈现为真正的公式/表达式，但是我没有收到任何错误或任何渲染。代码直接取自 MathJax 文档

我有以下代码

var div = MathJax.HTML.Element(
  "div",
  {id: "MathDiv", style:{border:"1px solid", padding:"5px"}},
  ["Here is math: \\(x+1\\)",["br"],"and a display $$x+1\\over x-1$$"]
);
document.body.appendChild(div);

执行没有错误，因此正确加载了 MathJax，并且控制台中也没有错误。所以很少有信息可以继续。对我如何调试这种情况甚至更好的解决方案有任何好的建议:)

Answer 1

此代码对我有用。

<!doctype html>
<html>
<head>

<!-- or use the cdn for mathjax source code -->
<script src="../MathJax/MathJax.js">
  MathJax.Hub.Config({
    jax: ["input/TeX","output/HTML-CSS"],
    extensions: ["tex2jax.js"],
    tex2jax: {
      inlineMath: [ ['\\(','\\)'] ],
      displayMath: [ ['$$','$$'] ]
    }
  });

  function doOnLoad() {
    var div = MathJax.HTML.Element(
          "div",
          {id: "MathDiv", style:{border:"1px solid", padding:"5px"}},
          ["Here is math: \\(x^2+1\\)",["br"],"and a display $$x+1\\over x-1$$"]
        );
    document.body.appendChild(div);
    // This does not seem needed but you can use if to force rendering of a div
    // MathJax.Hub.Queue(["Typeset",MathJax.Hub,'MathDiv']);
  }
</script>

</head>
<body onload="doOnLoad();">

</body>
</html>

我认为你需要在onload方法中添加div，所以在页面完全解析后添加div。