小编Mau*_*ppe的帖子

使用 MathJax 排版/渲染动态内容

我使用 MathJax 来显示数学方程。它在静态编写的数学中运行良好。但不适用于动态添加的数学。

这是我的代码

<body>
    //Static  
        <div>
            <span>\(x = {-b \pm \sqrt{b^2-4ac} \over 2a}\)</span>                 
        </div> 
       //Dynamic 
        <div id="dynamic-pan">

        </div> 
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_CHTML"></script>

        <script type="text/javascript">
            $(document).ready(function(){
                $('#dynamic-pan').empty();
                $('#dynamic-pan').append('<span>\(x = {-b \pm \sqrt{b^2-4ac} \over 2a}\)</span>');
            });
        </script>
</body>
Run Code Online (Sandbox Code Playgroud)

我用两个跨度元素写了数学。第一个是静态声明的,第二个是在文档就绪函数中动态添加的

请帮我解决这个问题。

html javascript mathjax

2
推荐指数
1
解决办法
3312
查看次数

标签 统计

html ×1

javascript ×1

mathjax ×1