Data-тема не работает на Navbar.jQuery Mobile - PullRequest
Новая
       28

Data-тема не работает на Navbar.jQuery Mobile

3 голосов
/ 12 марта 2012

У меня проблемы с применением темы на панели навигации с помощью мобильного телефона Jquery.Независимо от того, какую тему я применяю, панель навигации устанавливается по умолчанию.Вот прикрепленный код 

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

Есть ли что-то, что я делаю здесь не так.Я только что скопировал код с этого сайта.

1 Ответ

4 голосов
/ 12 марта 2012

Применение темы к контейнеру панели навигации не поддерживается, и она унаследует тему родительского контейнера панели навигации. Если вы хотите применить тему к панели навигации, вы можете указать тему данных для отдельных элементов панели навигации. Как то так 

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

...