jquery - Jquerymobile Alter Tab bar Navbar IText

Question

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

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

我在标签栏列表项a标签中添加了一个类并尝试这样做：

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

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

Answer 1

找到了解决方法。

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

<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

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

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

Answer 3

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