javascript - 动态生成内容时，jqMath 不会渲染公式

Question

我正在查看使用 JavaScript 动态生成的 HTML。这是如何完成的

var el = $('body').find('div#my-div.main');
el.html('');
el.append($("<p>If $ax^2+bx+c=0$ with $a≠0$, then:$$x={-b±√{b^2-4ac}}/{2a}$$</p>"));

但是页面上没有呈现任何公式。我看到 p 标记中的确切文本。我确实检查了 jqMath 脚本和 jqMath css 的路径，它们都是正确的。

有谁知道为什么会发生这种情况以及如何解决它？

Answer 1

在添加这样的公式后调用 parseMath 函数 -

        var el = $('body').find('div#my-div.main');
        el.html('');
        el.append("<p>If $ax^2+bx+c=0$ with $a≠0$, then:$$x={-b±√{b^2-4ac}}/{2a}$$</p>");
        jqMath.parseMath(document.body);