我刚刚将jquery mobile从1.1.0升级到1.1.1,我的导航栏现在搞砸了。谷歌搜索我发现,在1.1.1中,默认添加.ui-mini类。 不幸的是,文档不是最新的,所以我不知道如何为我的标签取回“经典”样式。
我已经尝试过data-mini =“false”,data-full =“true”但它不起作用。 有什么想法吗?
答案 0 :(得分:0)
带有1.1.1样式的Navbar:
似乎工作正常,除了按钮周围的额外边距 - http://jsfiddle.net/nirmaljpatel/Mc3be/
.ui-mini
类只增加了一些余量......你可以摆脱它:
HTML:
<div id="myNavBar" data-role="navbar">
<ul>
<li><a href="a.html">One</a></li>
<li><a href="b.html">Two</a></li>
</ul>
</div><!-- /navbar -->
CSS:
#myNavBar.ui-mini {
margin: 0 0;
}
删除.ui-mini边距的Navbar: