更改按钮文本jquery mobile

我正在使用新的 jquery mobile 1.0 alpha 1 版本来构建移动应用程序，并且我需要能够切换按钮的文本。切换文本工作正常，但一旦执行文本替换，CSS 格式就会被破坏。

格式混乱的屏幕截图：http://awesomescreenshot.com/03e2r50d2 http://awesomescreenshot.com/03e2r50d2

    <div class="ui-bar">
        <a data-role="button" href="#" onclick="Podcast.play(); return false" id="play">Play</a>
        <a data-role="button" href="#" onclick="Podcast.download(); return false" id="download">Download</a>
        <a data-role="button" href="#" onclick="Podcast.consumed(); return false" id="consumed">Mark Old</a>
    </div>

$("#consumed").text("Mark New");

当您创建按钮时，它会添加一些附加元素，一些内部元素<span>元素看起来像这样：

<a data-role="button" href="#" onclick="Podcast.consumed(); return false" id="consumed">
  <span class="ui-btn-inner ui-btn-corner-all">
    <span class="ui-btn-text">Mark Old</span>
  </span>
</a>

要更改文本，您需要此选择器：

$("#consumed .ui-btn-text").text("Mark New");