次の HTML コードがあります。
<body>
<div id="somediv1">
Some LATEX TEXT
</div>
<div id="somediv2">
Some LATEX TEXT
</div>
<button id="button1"><button>
<button id="button2"><button>
<script>
$('#somediv1').show();
$('#somediv2').hide();
$('#button1').click(function(){
$('#somediv1').hide();
$('#somediv2').show();
});
$('#button2').click(function(){
$('#somediv2').hide();
$('#somediv1').show();
});
</script>
<script> //this include mathjax from mathjax cdn
</script>
</body>
さて、問題:
ページが最初に読み込まれるとき、 のテキストはsomediv1
によってフォーマットされMathjax
ます。ただし、いずれかのボタンをクリックすると、要素が非表示になり、再び表示されると、一度だけ適用されるdiv
ため、フォーマットされません。これらの div 要素内の LATEX テキストに適用したMathjax
ままにするにはどうすればよいですか?Mathjax
更新:somediv
要素内のテキストは、通常の LATEX テキストではなく、高度にフォーマットされています (多数の HTML タグが含まれています)。そして、そのままにしておきたいと思います。