jquery - 通过jquery更改文本后按钮样式混乱

Question

所以我有一个按钮，我想更新它的文本，以便其中一个字符是红色的。我实现的方式是将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