ASP.Netとラベルコントロールを使用したMathJax

Question

MathJax式を表示するのが難しいです。ここにCodePenがあります。少なくともコードを見てください：

<script type="text/javascript" 
    src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> 
</script> 
<script type="text/x-mathjax-config"> 
     MathJax.Hub.Config({ 
     tex2jax: {inlineMath: [["$","$"],["\\(","\\)"]]} 
     }); 
    </script> 

<div style="position:absolute;width:100%;background-color: #99FF99" class="auto-style1"> 
     Background Calculations</div> 
<br /><br /> 
    <table class="auto-style2"> 
     <tr> 
      <td class="auto-style8">Effective <strong><span class="auto-style7">Cases Produced</span></strong>:</td> 
      <td class="auto-style9"></td> 
      <td></td> 
      <td>$$Cases Produced = {\color{red}{\textit{Filled Packages}} \over \color{blue}{\textit{Trays per Case}}}$$</td> 
      <td>$$ = {\color{red}{\textit{<asp:Label ID="Label5" runat="server" Text="######"></asp:Label>}} \over \color{blue}{\textit{<asp:Label ID="Label6" runat="server" Text="###"></asp:Label>}}}$$</td> 
      <td></td> 
      <td></td> 
     </tr> 

    </table> 

手作業で入力した式はうまくいきます。しかし、私は、ラベルコントロールを使用して数式を得ることはできません。

<td>$$ = {\color{red}{\textit{<span id="Label1">######</span>}} \over \color{blue}{\textit{<span id="Label1">###</span>}}}$$</td> 

私は思うので、どのようにASP.NETは、SPANにしていない実際の値ラベルをレンダリングしているの、 - MathJaxはそれを把握することができません：それは、このようなテキスト値をレンダリングしますので、主に、私が思うに、でる？

この作業を行うにはどうすればよいですか？

Answer 1

私が見つけたのは、ラベルの代わりにリテラルを使用することが行く方法です。コードの変更は：

<table class="auto-style2"> 
    <tr> 
     <td class="auto-style8">Effective <strong><span class="auto-style7">Cases Produced</span></strong>:</td> 
     <td class="auto-style9"></td> 
     <td></td> 
     <td>$$Cases Produced = {\color{red}{\textit{Filled Packages}} \over \color{blue}{\textit{Trays per Case}}}$$</td> 
     <td>$$ = {\color{red}{\textit{<asp:Literal ID="Literal1" runat="server" Text="######"></asp:Literal>}} \over \color{blue}{\textit{<asp:Literal ID="Literal2" runat="server" Text="###"></asp:Literal>}}}$$</td> 
     <td></td> 
     <td></td> 
    </tr> 

</table>