數據主題不在導航欄上工作。 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

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

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

這里有一個演示 - http://jsfiddle.net/PyyUy/

編輯 - 如何給出懸停顏色的答案

如果要添加懸停顏色，可以使用以下CSS

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

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