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：自定義控件在第二頁上不起作用，之后有更多示例和詳細信息。