bootstrap和mathquill之间的冲突

Question

我尝试使用mathquill (0.10.1)来显示一些静态的latex \sqrt{36}，而平方根符号只是一个摆动。我使用的是bootstrap (4.0.0-beta.3)，当我将<span class="mq">\sqrt{36}</span>放在“类容器”的一些div中时，它会表现出这种行为。如果我将span放在这些容器div的外部，那么表示就可以正常工作。

我一直在寻找一个解决方案，这对其他人来说似乎是一个问题，但我的建议是在mathquill.css中更改mathquill渲染的数学类，但这在我使用的版本中不存在。有什么办法解决这个问题吗？

另外，我意识到还有其他方法来表示数学符号，但我也想在某些时候使用mathquill的即时数学符号输入

Answer 1

修好了！我必须将StaticMath赋给javascript中的一个变量(temp = mq.StaticMath($("#mq3")[0]，其中mq3是span的id，里面有latex )，一旦页面的那个区域可见，就使用temp.reflow()。正如文档所说，当mathquill工作时，mathquill使用计算尺寸，所以这就是问题所在，因为latex没有尺寸。