Jquerymobile Alter Tab bar Navbar IText

Question

我正在使用JQuerymobile构建应用程序并使用标签栏。

在我的应用中，我想更改其中一个标签栏标签（和图标）

我在标签栏列表项a标记中添加了一个类，并尝试执行此操作：

$(".nav_login_button").val("Test")

但它没有改变它，因为JQuerymobile的javascript操纵了DOM一堆。我可以通过检查事情的变化来手动完成，但不仅仅是这个混乱，“活动”标签栏页面与隐藏标签栏的结构不同。

Answer 1

找到了解决方法。

我没有在锚上创建一个类，而是根据实际值创建了一个类。

<a  href="#login" data-transition="fade" data-theme="f" data-icon="delete">
Login
</a>

到

<a  href="#login" data-transition="fade" data-theme="f" data-icon="delete">
<span class="nav_login_button">Login</span>
</a>

Answer 2

<span class="ui-btn-inner"><span class="ui-btn-text">Anchor</span></span>

jQuery mobile为按钮添加了上述标记。因此，要更改按钮的文本，您必须使用以下内容：

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

http://jsfiddle.net/androdify/FQyUd/

Answer 3

在此处查看演示http://jsfiddle.net/yeyene/ttjGv/4/

$("#change").on('click', function () {
    $("#myTab li .ui-btn-text").text("New text");
});