这是一个JSfiddle 。但以防万一 - 这是使用 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 mobile 使用的黑色主题。
有人知道如何防止事件状态改变主题吗?
再次,这是 JSfiddle
最佳答案
覆盖ui-btn-active
。
.ui-btn-active {
background-image: none !important;
background: none !important;
border: none !important;
}
关于jquery mobile 删除事件主题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16283535/