在元素附加到DOM之前设置MathJax类型

Question

由于我使用了BackboneJs框架来渲染html视图。在附加到DOM之前，MathJax需要以某种方式使用包含MathML代码的html元素进行排版，以便获得HTML-CSS代码。

我曾尝试在元素连接到DOM之前进行排版，但效果不是很好。即使MathJax正在处理未附加的html元素，这些元素中的mathml在出现在DOM中后也无法呈现。

在将目标元素附加到DOM之后，我是否必须为MathML排版？或者，在附加到DOM之前，有没有解决方法来完成排版？

Answer 1

元素必须附加到DOM。MathJax需要能够测量不同的子表达式(这样它就可以展示分数之类的东西)。为此，数学的容器元素必须在活动的DOM中。(未附加到DOM的元素不会计算offsetWidth之类的值，因此MathJax无法判断它们有多大。)

如果想要在元素显示之前对元素进行数学排版，可以将其附加到DOM并设置visibility:none和position:absolute，然后调用MathJax对元素进行排版，然后删除可见性和位置设置。不要使用display:none，因为这也会阻止MathJax测量元素。

参见我在2013年1月的联合数学会议上关于这一点的演讲中的examples。