проблема с обновлением javascript уравнения mathJax

Question

У меня есть немного кода, где я обновляю некоторые переменные в уравнении mathJax в javascript. Он отлично работает на первом проходе (то есть обновляет страницу), но когда я обновляю переменные на втором проходе, уравнение отображается в виде латексного кода вместо отображенного уравнения.

document.getElementById("sumstdeveq").innerHTML="$$ \\sqrt{("+stdev1+")^2+("+stdev2+")^2} $$";

Эта строка отлично работает при первом проходе, но когда я обновляю stdev1 и stdev2 и снова запускаю эту строку, она просто показывает код.

Вот скрипка: https://jsfiddle.net/yangchris16/k8us0hLt/6/

изменить значение в одном из текстовых полей ввода.

Answer 1

Я не слишком разбираюсь в MathJax, но добавление следующей строки работает на скрипке.

MathJax.Hub.Queue(["Typeset",MathJax.Hub,this.formula]);

Сразу после указанной вами строки:

stdev1=0.2;
stdev2=0.05;

updatecalcs();

function updatecalcs(){
    stdev1=parseFloat(document.getElementById("stdev1in").value);
    stdev2=parseFloat(document.getElementById("stdev2in").value);

    document.getElementById("sumstdeveq").innerHTML="$$ \\sqrt{("+stdev1+")^2+("+stdev2+")^2} $$";
    MathJax.Hub.Queue(["Typeset",MathJax.Hub,this.formula]);
}