Isso realmente depende de quão chique você quer ser, mas a maneira rápida e suja é esconder tudo e usar a fila do MathJax para tornar as coisas visíveis.
1) faça seu elemento principal visibility:hidden
(não use display:none
, isso pode interferir no MathJax)
2) Em seguida, após a chamada para MathJax.js
, adicione um script para remover hidden
depois que o grupo inicial de elementos na fila MathJax tiver sido limpo (isto é, a formatação inicial estiver concluída). Algo parecido com isto
MathJax.Hub.Queue(
function () {
document.getElementById('MainID').style.visibility = "";
}
);
deve fazer o truque - veja link
Espero que isso comece você.