使用.html()更新MathJax

时间:2016-08-03 18:29:55

标签: javascript jquery html mathjax

  

jsfiddle示例:https://jsfiddle.net/3qu846tu/

我试图通过.html()更新MathJax-math,但是,似乎我的代码不起作用。我当前的代码看起来有点像这样,但它输出" 1 + 2 = 3"的渲染:

$$\class{x}{2}+\class{y}{2}=\class{z}{5}$$
<script>
$( '.x' ).html( '1' );
$( '.y' ).html( '2' );
$( '.z' ).html( '3' );
MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
</script>

我尝试过不同的命令,但似乎都没有。 [&#34; Rerender&#34;,MathJax.Hub]只是渲染&#34; 2 + 2 = 5&#34;,所以好像重置.html():

<script>
MathJax.Hub.Queue(["Rerender",MathJax.Hub]);
</script>

想要的结果看起来有点像(js省略),其中\ class {x} {}(和其他)可能会在不同的地方出现多次:

<span>You have chosen \(\class{x}{}\) and \(\class{y}{}\)</span>
$$\class{x}{}+\class{y}{}=\class{z}{}$$

有没有任何渲染方式&#34; 1 + 2 = 3&#34;这条路? $(&#39; .x&#39;)可能会多次更改,而不只是一次。

1 个答案:

答案 0 :(得分:6)

Frank,请使用以下代码:

<强> HTML:

primary_account_manager*

<强>说明

您需要使用HTML元素(在此示例中为div)才能编写值,然后您可以将文本框的值直接插入到公式中。

希望这有帮助!