我刚刚将 jquery mobile 从 1.1.0 升级到 1.1.1,我的导航栏现在搞砸了。谷歌搜索我发现,在 1.1.1 中,默认添加了 .ui-mini 类。不幸的是,文档不是最新的,所以我不知道如何为我的标签恢复“经典”风格。
我试过 data-mini="false", data-full="true" 但它不起作用。任何想法?
我刚刚将 jquery mobile 从 1.1.0 升级到 1.1.1,我的导航栏现在搞砸了。谷歌搜索我发现,在 1.1.1 中,默认添加了 .ui-mini 类。不幸的是,文档不是最新的,所以我不知道如何为我的标签恢复“经典”风格。
我试过 data-mini="false", data-full="true" 但它不起作用。任何想法?
具有 1.1.1 样式的导航栏:
似乎工作正常,除了按钮周围的额外边距 - 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 边距的导航栏: