更改按钮文本 jquery mobile [英] Change button text jquery mobile

问题描述

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

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

 
<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">下载</a><a data-role="button" href="#" onclick="Podcast.consumed(); return false" id="consumed">Mark Old</a>
$("#consumed").text("Mark New");

解决方案

当你创建按钮时，它会添加一些额外的元素，一些看起来像这样的内部 元素:

<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");

I'm using the new jquery mobile 1.0 alpha 1 release to build a mobile app and I need to be able to toggle the text of a button. Toggling the text works fine, but as soon as you perform the text replacement the css formatting gets broken.

Screenshot of the messed up formatting: 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");

解决方案

When you create the button it adds some additional elements, some inner <span> elements that look like this:

<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>

To change the text, you'll want this selector:

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

这篇关于更改按钮文本 jquery mobile的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！