2013-04-29 7 views
2

Адрес JSfiddle. Но на всякий случай - вот какой код для типичного навигатора с помощью jQuery mobile.jquery mobile удалить активную тему

<div data-role='navbar' data-theme='a' id='nav' data-iconpos='left'> 
    <ul> 
     <li><a href='#' data-role='button' data-icon='home' id='home'>HOME</a> 
     <div id='homeX' class='navBtn act' style='float:left;'></div></li> 
     <li><a href='#' data-role='button' data-icon='grid' id='lists'>LISTS</a> 
     <div id='listsX' class='navBtn' style='float:left;'></div></li> 
     <li><a href='#' data-role='button' data-icon='search' id='search'>SEARCH</a> 
     <div id='searchX' class='navBtn' style='float:left;'></div></li> 
     <li><a href='#' data-role='button' data-icon='gear' id='settings'>SETTINGS</a> 
     <div id='settingsX' class='navBtn' style='float:left;'></div></li> 
    </ul> 
</div> 

По умолчанию JQuery изменяет тему при выборе кнопки на навигационной панели. Я хочу, чтобы тема осталась прежней. В этом конкретном примере JQuery меняет тему с «a» на «b», но я хочу, чтобы тема оставалась «a».

Я уже пробовал это:

.ui-btn-active{background-color:#000;color:#fff;} 

но изменили цвет на чисто черный, а не черную тему, что JQuery мобильных применений.

Кто-нибудь знает, как предотвратить активное состояние от изменения тем?

Опять же, Херес JSfiddle

ответ

4

Override ui-btn-active.

.ui-btn-active { 
background-image: none !important; 
background: none !important; 
border: none !important; 
} 

Demo

+1

Работает отлично. Благодаря! – bagofmilk

+0

@bagofmilk приветствуется :) – Omar