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中，这就是为什么除了第一页以外的页面保留＆＃34;为什么＆＃34;。

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

bestR

我不相信bestC可以多次运行，但这应该会给你一个开始。

有关如何配置MathJax的详细信息，请参阅MathJax - Configuration。

<强>更新

根据this comment，在$('#example').DataTable( { "drawCallback": function( settings ) { // MathJax.Hub.Config({ // tex2jax: {inlineMath: [["$","$"],["\$","\$"]]} // }); MathJax.Hub.Queue(["Typeset",MathJax.Hub]); } } );内调用MathJax.Hub.Config()解决了这个问题。

LINKS

有关更多示例和详细信息，请参阅jQuery DataTables: Custom control does not work on second page and after。

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

1 个答案:

LINKS