Javascript 如何在Jquery的onclick函数中应用Katex自动渲染？

我们已导入Katex自动渲染库，如下所示：

  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css"
    integrity="sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3+Aro6EYUG4+cU+KJWu/X" crossorigin="anonymous">
  <script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js"
    integrity="sha384-g7c+Jr9ZivxKLnZTDUhnkOnsh30B4H0rpLUpJ4jAIKs4fnJI+sEnkvrMWph2EDg4" crossorigin="anonymous"></script>
  <script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js"
    integrity="sha384-mll67QQFJfxn0IYznZYonOWZ644AWYC+Pt2cHqMaRhXVrursRwvLnLaebdGIlYNa" crossorigin="anonymous"
    onload="renderMathInElement(document.body);"></script>

下面是一些动态呈现HTML的代码

  $('.test').click(function(e) {                                                          
                            var overlay = "<div class='preview-popup'>\
                            <div class='instruction'>

$$ \begin{array}{l}{\text { Explanation: }} \\  {\text { VAT }} \\ {=\frac{4830-4200}{4200}  \times 100 \%} \\ {=\frac{630}{4200} \times 100 \%}  \\ {=15 \%}\end{array} $$</div>\

                            <a class='close' href='#'>&times;</a>\
                            <div class='katex-content'>{text}</div>\
                            {image}";

                   $(".testpanel").html(overlay)

  renderMathInElement(document.body, {
                    delimiters: [
                        { left: "$$", right: "$$", display: true },
                        { left: "\\(", right: "\\)", display: false },
                        { left: "\\[", right: "\\]", display: true },
                      ],
                });

                            

$（'.test'）。单击（函数（e）{
变量覆盖=”\
$$\begin{array}{l}{\text{EXPLATION:}}\\\{\text{VAT}\\\\{=\frac{4830-4200}{4200}乘以100\\\\\\\\\{frac{630}{4200}乘以100\\\\\\\\\\\\\\{15\%}\end{array}$$\
\
{text}\
{image}”；
$（“.testpanel”）.html（覆盖）
RenderManElement（document.body{
分隔符：[
{左：$$，右：$$，显示：true}，
{左：\\（“，右：\\）”，显示：false}，
{左：“\\[”，右：“\\]”，显示：true}，
],
});

但是它似乎并没有动态地解析数据库中的每个数学元素，而且分隔符似乎也不能正常工作