Tema dei dati non funziona sulla navbar.JQuery Mobile.

Question

Sto avendo problemi che applicano il tema su una navbar utilizzando JQuery Mobile.Non importa qualsiasi tema che applico la navbar sia impostata sul tema predefinito.Ecco il codice allegato

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

.

C'è qualcosa che sto sbagliando qui.Ho appena copiato il codice da lì sito web.

Answer 1

L'applicazione di un tema al contenitore del navbar non è supportato e erediterà il tema del contenitore genitore del navbar. Se si desidera applicare un tema alla navigazione è possibile specificare un tema di dati ai singoli elementi nella navigazione.Qualcosa come questo

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

.

Una demo qui - http://jsfiddle.net/pyyuy/

Modifica-Risposta per come dare un colore Hover

Se vuoi dare un colore mobile puoi usare il seguente CSS

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

.

Fiddle aggiornato - http://jsfiddle.net/pyyuy/1/