jquery mobile删除活动主题答案

【问题标题】：jquery mobile remove active themejquery mobile删除活动主题
【发布时间】：2013-04-29 16:22:05
【问题描述】：

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

【问题讨论】：

标签： jquery jquery-mobile navbar jquery-ui-theme

【解决方案1】：

覆盖ui-btn-active。

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

Demo

【讨论】：