2016-10-03 8 views
0

Ich habe einen einfachen Mathjax Code:Mathjax-Eingabe von JavaScript-Skript angewendet funktioniert nicht?

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <script type="text/javascript" 
 
    src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> 
 
    </script> 
 
<script> 
 
var ok = function() 
 
{ 
 
    document.getElementById('demo').innerHTML="$$10\\x^2$$" 
 
} 
 
</script> 
 

 
</head> 
 
<body> 
 
<button onclick="ok()">Click</button> 
 
<p id="demo1">Within html $$10\\x^2$$</p> 
 
    <p id="demo"></p> 
 
</body> 
 
</html>
ich von der direkten html angewendet wurde die Tex wurde converting.But von Javascript angewendet seine rendering.What nicht sollte ich do.I war mit Google-Suche, aber nicht Antwort bekommen. Ich muss den Latex-Code von Javascript anwenden Es wird mit Tex-Format gerendert.Jemand hilft mir, mein Problem zu lösen.Bitte geben Sie einen Code mehr Hilfe für mich voll.

Vielen Dank.

Antwort

0

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <script type="text/javascript" 
 
    src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> 
 
    </script> 
 
<script> 
 
var ok = function() 
 
{ 
 
    document.getElementById('demo').innerHTML="$$10\\x^2$$" 
 
    MathJax.Hub.Queue(["Typeset",MathJax.Hub]); 
 

 
} 
 
</script> 
 

 
</head> 
 
<body> 
 
<button onclick="ok()">Click</button> 
 
<p id="demo1">Within html $$10\\x^2$$</p> 
 
    <p id="demo"></p> 
 
</body> 
 
</html>

Das Ergebnis ist nicht genau das gleiche:/ Aber das Problem ist Mathjax nicht aktualisiert, wenn Sie Daten dynamisch ändern.

Vielleicht hier einen Blick: https://github.com/mathjax/MathJax/blob/master/test/sample-dynamic.html

Ich weiß nicht, diese lib, können Sie mehr nicht helfen.

+0

Die Backslashes müssen in Javascript Textstringliteralen verdoppelt werden (da der Backslash ein Sonderzeichen in Strings ist). Sie benötigen also 'innerHTML = "$$ 10 \\\\ x^2 $$" ', um das gleiche Ergebnis wie das ursprüngliche HTML zu erhalten. –

+0

Hinweis aus der Zukunft: cdn.mathjax.org nähert sich dem Ende seines Lebens. Überprüfen Sie https://www.mathjax.org/cdn-shutting-down/, um Tipps zur Migration zu erhalten. –