Mathjax不会在ajax调用后排版公式

Question

我正在使用MathJax在我的网页上排版方程式。第一次加载网页时，一切都很好。点击“下一步”按钮，div中的方程式会改变（ajax调用），但它显示为“原始TEX”，即Mathjax没有第二次排版。相关代码如下：

标记和脚本

<div class="div_body" id="ques_dashboard">
  <p>When $a \ne 0$, there are two solutions to \(ax^2 + bx + c = 0\) and they are $$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$</p>
</div>                          
<div class="div_footer">
   <a href="#" class="button ryt_btn" id="answer_submit">SUBMIT</a>
   <a href="#" class="button ryt_btn" id="next_q">NEXT</a>
   <a href="#" class="button ryt_btn" id="skip_q">SKIP</a>
</div>
<script>
   $(document).ready(function(){
     $('#next_q').click(function(){
        $("#next_q").hide();
        $('#answer_submit').show();
        $("#skip_q").show();        

        $.ajax({
            type: 'POST',  
            url: '../ajax/next_question.php',                
            //data:{queslist:queslist, current_qorder:current_qorder},                
            success: function(msg){                        
                $('#ques_dashboard').html(msg);
          MathJax.Hub.Queue(["Typeset",MathJax.Hub,'ques_dashboard']);
            }
        });           
        return false;
     }); 
   });
</script>

AJAX调用的PHP

<?php?>
<p> If \\(a, b, c\\) are in HP, then \\(\\frac {1}{a}, \\frac {1}{b}, \\frac {1}{c}\\) are in AP</p>

我在这里介绍了简化的代码，其中包括许多php和mysql。我成功地展示了“下一个问题”，但无法使用Mathjax排版。我试过使用MathJax。中心队列功能。

我不熟悉jquery和ajax。请帮忙。

Answer 1

在朱利安的帮助下，我找到了这个问题。下面给出的代码片段干扰了ajax调用后的排版。（此队列函数在排版完成前隐藏文本。）

MathJax。中心队列（函数（）{document.getElementById（“隐藏页面”）.style.visibility=“；”}）

对这一部分的评论解决了这个问题。

将更新答案，以防我找到一种方法来使用ajax和"隐藏，直到排版"功能在一起。

Answer 2

问题是您需要转义“\”字符，否则它们会被jquery和底层javascript解释。所以返回的字符串应该是这样的：

<?php?>
<p> If \\(a, b, c\\) are in HP, then \\(\\frac {1}{a}, \\frac {1}{b}, \\frac {1}{c}\\) are in AP</p>