更改按钮文字jQuery Mobile

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在使用新的jquerymobile" title="jquery mobile">jquery mobile 1.0 alpha

1版本来构建移动应用程序，我需要能够切换按钮的文本。切换文本效果很好，但是一旦执行文本替换，css格式就会被破坏。

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

以上是 更改按钮文字jQuery Mobile 的全部内容， 来源链接： utcz.com/qa/420891.html

回到顶部