我正在尝试在 HTML 文档中使用 MathJax 渲染 LaTeX 数学表达式（如积分）。 MathJax 数学表达式正确呈现，但两个 MathJax 命令之间的任何常规文本在放置在标签内时不会出现。在标签之外，一切都按预期工作。
这是我正在使用的代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Research</title>
<link rel="icon" type="image/x-icon" href="sd.svg">
<!-- Latest MathJax LaTeX support -->
<script>
MathJax = {
tex: {
inlineMath: [['$', '$']]
}
};
</script>
<script type="text/javascript" id="MathJax-script" async
src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js">
</script>
<!-- End of MathJax LaTeX support -->
</head>
<body>
We want to compute $\int_0^1 f(x) \, dx $. For that, let $f$ be $\sin$ or $\cos$.
<details>
<summary>Abstract & Slides</summary>
We want to compute $\int_0^1 f(x) \, dx $. For that, let $f$ be $\sin$ or $\cos$.
</details>
</body>
</html>在我的屏幕上它渲染正确。你希望它是这样的，对吧？
