javascript - 使用 jQuery.load 加载后如何使用 MathJax 格式化 html？

Question

我正在使用 jQuery.load 加载一个新页面。然而，内容以某种方式被奇怪地对待。在原始页面上，我有一些代码可以使用 MathJax 格式化 latex 命令:

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

这对原始文件来说效果很好。但是，当我单击我的链接并在页面中插入更多 HTML 时:

<script>
  $(document).ready(function(){
    $("#link").click(function(){
      $("#myDiv").load("test.html");
    });
  });
</script>

现在特殊字符没有被 MathJax 格式化，而是按原样显示。

Answer 1

Carols 10cents 很接近，但您需要在 jQuery load() 的回调中执行 MathJax.Hub.Queue() 调用，以便排版' 一直执行到之后 文件被加载。 (就目前而言，它会在请求文件加载后立即发生，即使文件可能尚不可用)。有点像

<script>
  $(document).ready(function(){
    $("#link").click(function(){
      $("#myDiv").load("test.html", function () {
        MathJax.Hub.Queue(["Typeset", MathJax.Hub, "myDiv"]);
      });
    });
  });
</script>

参见 examples从我 2013 年 1 月在 JMM 上的演讲中获得更多细节和其他情况的解决方案。