jquery mobile 1.1.1 ui-mini

时间:2012-07-26 16:19:51

标签: jquery-mobile

我刚刚将jquery mobile从1.1.0升级到1.1.1,我的导航栏现在搞砸了。谷歌搜索我发现,在1.1.1中,默认添加.ui-mini类。 不幸的是,文档不是最新的,所以我不知道如何为我的标签取回“经典”样式。

我已经尝试过data-mini =“false”,data-full =“true”但它不起作用。 有什么想法吗?

1 个答案:

答案 0 :(得分:0)

带有1.1.1样式的Navbar:

enter image description here

似乎工作正常,除了按钮周围的额外边距 - 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:

enter image description here