2

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

4

1 回答 1

4

覆盖ui-btn-active。

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

演示

于 2013-04-30T17:32:36.813 回答