MathJax不能渲染乳胶

时间:2014-10-03 10:57:15

标签: javascript mathjax

我尝试将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正确加载并且控制台中也没有错误。所以很少有信息继续下去。对我如何调试这种情况或者更好的解决方案有任何好的建议:)

1 个答案:

答案 0 :(得分:0)

此代码适用于我。

<!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。