从jQuery对Mathjax typeset函数的第二次调用不起作用
我试图使用MathJax将HTML文本框（Tex）中键入的方程视为数学方程。如果没有正确地查看方程，我需要编辑方程，并在数学方程中查看它。
第一次，它工作正常。但是在执行编辑后，Mathjax排版命令显示错误。请您检查一下，并建议可能的错误。
我使用的HTML是：
<html>
<head>
<title>
Equation Edit
</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3.0.0/es5/tex-mml-chtml.js"></script>
</head>
<body>
<strong> Here is the result :<br></strong>
<input type="text" id=input value="\(ax^2 + bx + c = 0\)">
<div id="qPreview"></div>
<button id="check">Click</button>
</body>
</html>
我使用的脚本是：
<script type="text/javascript">
var eq;
$("#check").click(function(){
eq=document.getElementById("input").value;
document.getElementById("qPreview").innerHTML=eq;
MathJax.typeset(qPreview[0]);
});
</script>
当我第二次单击按钮时，它会显示以下错误：
未捕获的TypeError:无法在l.append（tex mml chtml.js:1）读取null的属性“appendChild”
我是javascript新手。我提前感谢您分享任何错误或建议，以使代码正常工作。
共有1个答案
我遇到了同样的问题，我认为这可能是一个错误。无论如何，它可以通过将等式渲染到您的“qPreview”div中的辅助“p”标签来解决，然后在修改等式时删除并重新创建此标签。例如：
$("#check").click(function(){
$("#qPreview").empty().append("<p>" + $("#input").val() + "</p>");
MathJax.typeset(["#qPreview"]);
});<script src="https://cdn.jsdelivr.net/npm/mathjax@3.0.0/es5/tex-mml-chtml.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<strong> Here is the result :<br></strong>
<input type="text" id=input value="\(ax^2 + bx + c = 0\)">
<div id="qPreview"></div>
<button id="check">Click</button>-
问题内容： 我有这个功能： 我的页面使用最喜欢的按钮加载内容，但是在Ajax调用并生成其他新内容后，单击新内容的按钮时该功能不起作用。有什么不对吗？ 问题答案： 那是因为您正在使用动态内容。 您需要将点击调用更改为委托方法，例如 要么
-
我尝试做什么： 我希望HashSet中充满程序不知道的新词。用户按下主机上的“转换”按钮。带有单词的文件的路径在主框架上给出。 如果单词是新单词，则会打开一个J对话框并要求插入新单词（因此您可以更改拼写，例如第一个字母大…）。 如果用户按下JDialog上的“写入”按钮，该单词将添加到HashSet中。 但是如果我在那之后打印我的HashSet，则只显示“旧”值。当我第二次按下主框架上的“转换”按
-
问题内容： 我的html像这样 jQuery代码如下 当我单击Submit按钮时，我的ajax请求无法正常工作，看起来好像控件正在传递给JQuery Submit函数，但是ajax请求没有正确执行/正常工作，这是怎么回事？ 问题答案： 将事件处理函数放入$（document）.ready（function（）{…}）中。它现在应该工作 还添加preventDefault（）以限制页面刷新
-
问题内容： 我有一台服务器，可以跟踪一些数据。当我使用管理员应用程序连接到服务器以检出数据的当前状态时。我使用5秒的刷新率。服务器第一次发送数据时，它可以工作。但是第二次，当数据更改时，管理端不会接收到最新数据。我正在通过ObjectOutputStream和ObjectInputStream发送包装在类中的数据： 这是数据的包装器类： public class Leerling implemen
-
问题内容： 我试图在jQuery中使用getJSON函数导入一些数据并触发回调函数。回调函数未运行。但是，如果我使用get函数尝试相同的操作，则效果很好。奇怪的是，即使我将“ json”作为类型传递，它也可以与get函数一起使用。为什么会这样呢？我在Firefox 3和IE 7中测试了以下文件： 只要我访问的URL在同一个域中，这似乎都会发生。我尝试传递一些数据，但这没有什么不同。 当然，可以像在
-
问题内容： 我对文件进行迭代有问题。这是我在解释器上键入的内容和结果： 当我尝试再次遍历同一个打开的文件时，我什么也没得到！ 根本没有输出。为了解决这个问题，我必须对文件进行编辑，然后再次将其打开以进行读取！那是正常行为吗？ 问题答案： 是的，这是正常行为。基本上，你是第一次读取文件的末尾（可以像读取磁带一样对它进行图片处理），因此除非你使用重定位到文件开头的位置进行重置，否则你将无法从文件中读取