数据 - 主题未在导航栏上工作。jquery mobile
-
12-12-2019 - |
题
我正在使用jQuery Mobile在NavBar上应用主题。无论我应用的任何主题如何,导航栏都设置为默认主题。这是附加的代码
<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>
.
我在这里做错了什么。我刚从那里复制了代码的网站。
解决方案
不支持将主题应用于导航栏容器,并且它将继承NavBar的父容器的主题。如果要将主题应用于NavBar,则可以将数据主题指定给导航栏中的各个项目。这样的东西
<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/1/>
不隶属于 StackOverflow