Why does MathJax not seem to be working properly in the output of my JavaScript code?
Question
I'm trying to write a simple program that generates dot product questions. The code I have used is the following:
<!DOCTYPE html>
<html>
<body>
<head>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
</script>
<script type="text/javascript"
src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
</script>
</head>
<button onclick="myFunction()">Generate Question</button>
<br>
<br>
<p id="demo2"></p>
<hr>
<p id="demo"></p>
<script>
function myFunction() {
var a = Math.floor((Math.random() * 10) + 1);
var b = Math.floor((Math.random() * 10) + 1);
var c = Math.floor((Math.random() * 10) + 1);
var x = Math.floor((Math.random() * 10) + 1);
var y = Math.floor((Math.random() * 10) + 1);
var z = Math.floor((Math.random() * 10) + 1);
var dot = (a*x)+(b*y)+(c*z);
document.getElementById("demo2").innerHTML = "Find the solution to the dot product (" + a + ", " + b + ", " + c + ")" + "$\. \cdot$" + "(" + x + ", " + y + ", " + z + ")";
document.getElementById("demo").innerHTML = "Solution: (" + a + ", " + b + ", " + c + ")" + "$\\cdot$" + "(" + x + ", " + y + ", " + z + ") = " + dot;
MathJax.Hub.Queue(['Typeset', MathJax.Hub, document.getElementById("demo")]);
}
</script>
</body>
</html>
However, the output this gives looks like
Why does it render in this way? It works properly in the solution, but not in the question.
1 answers
solution1
1 ACCPTED 2015-12-11 12:03:33
Aside from the missing double backslash pointed out by Peter and MvG in comments above, the reason the first math isn't typeset is that you have only asked MathJax to typeset the "demo" element, and the other math is in the "demo2" element. Try using
MathJax.Hub.Queue(['Typeset', MathJax.Hub, ["demo2","demo"]]);
instead.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.