jquery - jqueryでテキストを変更した後、ボタンのスタイルがおかしくなる

Question

そのため、文字の1つが赤い色になるようにテキストを更新したいボタンがあります。私が達成している方法は、htmlをボタンに設定することです。

<div data-role="page" id="homepage">
   <div data-role="content">
    <a id='mybutton' href="#" data-role="button" data-icon="check">My Button</a>
   </div>    
</div>

そして、これがjQueryを介して更新する方法です

.redtext{color:red;font-size:medium;text-shadow: aqua;}​

$("#mybutton").html("My Button(<span class='redtext'>0</span>)");​

ゼロは赤色ですが、ボタンの形が歪んでおり、スタイルが削除されているようです. ここでデモをご覧くださいhttp://jsfiddle.net/tqeF9/

前もって感謝します。

Answer 1