Mathjax仅在数据表的第一页上呈现

Question

我正在使用数据表来显示数学问题。 最大方程式作为乳胶方法添加。 我使用下面的Js脚本来渲染Mathjax方程，

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

  });

</script>
<script type="text/javascript" async src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML-full"></script>

但是在数据表中，第一个分页只显示正确的渲染方程，接下来所有页面都显示了乳胶。

Answer 1

使用jQuery DataTables只有第一页存在于DOM中，这就是为什么除了第一页以外的页面保持“原样”。

您需要使用drawCallback选项来处理表重绘事件并重新初始化那里的所有自定义控件。 例如：

$('#example').DataTable( {
    "drawCallback": function( settings ) {
        // MathJax.Hub.Config({
        //    tex2jax: {inlineMath: [["$","$"],["\\(","\\)"]]}
        // });

        MathJax.Hub.Queue(["Typeset",MathJax.Hub]); 
    }
} );

我不相信MathJax.Hub.Config()可以多次运行，但这应该给你一个开始。

有关如何配置MathJax的更多详细信息，请参见MathJax -配置。

UPDATE

根据这条评论 ，调用MathJax.Hub.Queue(["Typeset",MathJax.Hub]); 里面的drawCallback解决了这个问题。

链接

请参阅jQuery DataTables：自定义控件在第二页上不起作用，之后有更多示例和详细信息。