【问题标题】:how to change a button text in jQuery mobile [duplicate]如何在jQuery mobile中更改按钮文本[重复]
【发布时间】:2012-08-23 11:32:44
【问题描述】:

可能重复:
change text on button using jquery mobile.

我需要更改按钮文本,我使用的是 jQuery mobile。

这是我的html:

<fieldset>
    <div><button type="submit" id="login_var">Login</button></div>
    <div><button type="reset" >Reset</button></div>
</fieldset>

我已经尝试了此页面上的所有示例: LINK 没有什么对我有用。

请帮忙

【问题讨论】:

  • 用什么文本替换,在哪个事件上?
  • 我想用任何文本替换Login 文本..类似于OK 只是为了看看它是如何工作的。不要担心现在不重要的事件。我只需要访问按钮中的文本并更改它
  • 在我的情况下,它正在工作,因为我用它来更改我的文本来代替 Login write OK...
  • @ArpitSrivastava 有什么例子吗? yu是怎么改的?
  • @denonth 实际上我使用了很多应用程序,所以我从一个应用程序复制

标签: javascript button jquery-mobile text


【解决方案1】:

我以前也必须做同样的事情,这确实不像应该做的那么明显。由于 jQM 在您的按钮内添加了span 标签,您需要更改跨度内的值:

$("#login_var .ui-btn-text").text("NewText");

同样,如果你想改变图标,你可以这样做:

$("#login_var .ui-icon").removeClass("ui-icon-arrow-l").addClass("ui-icon-arrow-r");

编辑: 抱歉,我刚刚注意到您在问题中发布的链接具有相同的解决方案,并且您说这对您不起作用。也许如果您将按钮更改为

<a data-role="button"></a>

而不是&lt;button&gt;&lt;/button&gt;?

【讨论】:

  • 这确实有效。问题出在
【解决方案2】:

是的,你可以使用

$(function(){
  $('#login_var').text('Ok').button('refresh');
});

根据http://jquerymobile.com/test/docs/buttons/buttons-methods.html,您只能在按钮上调用三种方法。

【讨论】:

  • 我只需要更改文本而不是调用按钮。因为我有一个选择菜单,当您单击某个值时,我需要更改按钮的文本。
  • @denonth 看看我编辑我的更改并在
猜你喜欢
  • 2011-04-29
  • 1970-01-01
  • 1970-01-01
  • 2020-06-15
  • 1970-01-01
  • 2013-04-15
  • 2011-07-31
  • 1970-01-01
相关资源
最近更新 更多