Jquerymobile改變選項卡欄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的移動增加了對按鈕上述標記。因此，要改變按鈕上的文字，你必須使用下列內容：

$("#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"); 
});