通过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>)");​

0 确实是红色的，但按钮的形状现在已经变形并且样式似乎被移除了。请在此处查看演示 http://jsfiddle.net/tqeF9/

提前致谢。

Answer 1

将.ui-btn-text 添加到您的选择器。

例如$("#mybutton .ui-btn-text").html("My Button(<span class='redtext'>0</span>)");​

原因见this post。