數據主題在導航欄上不起作用。 jQuery Mobile

Question

我遇到了使用Jquery mobile在導航欄上應用主題的問題。不管我應用的任何主題，導航欄都被設置爲默認主題。這裏是附加的代碼

<div data-role="navbar" style="width: 80%; padding: 2% 10%;" data-theme="b"> 
    <ul> 
     <li><a href="#" class="ui-btn-active ui-corner-left">One</a></li> 
     <li><a href="#">Two</a></li> 
     <li><a href="#" class="ui-corner-right">Three</a></li> 
    </ul> 
</div> 

有什麼我在做錯在這裏。我剛剛從那裏複製了網站的代碼。

Answer 1

不支持將主題應用於導航欄容器，它將繼承導航欄父容器的主題。如果要將主題應用於導航欄，可以爲導航欄中的各個項指定數據主題.Something這樣

<div data-role="navbar" style="width: 80%; padding: 2% 10%;"> 
    <ul> 
    <li><a href="#" class="ui-btn-active ui-corner-left" data-theme="e">One</a</li> 
    <li><a href="#" data-theme="e">Two</a></li> 
    <li><a href="#" class="ui-corner-right" data-theme="e">Three</a></li> 
    </ul> 
</div> 

一個here演示 - http://jsfiddle.net/PyyUy/

編輯，答案如何給一個懸停顏色

如果你想給你可以使用下面的CSS懸停顏色

.ui-navbar li a:hover{ 
      background:red !important; 
     } 

更新小提琴 - http://jsfiddle.net/PyyUy/1/