0

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

我试过 data-mini="false", data-full="true" 但它不起作用。任何想法？

4

1 回答 1

0

具有 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 边距的导航栏：

在此处输入图像描述

于 2012-07-26T18:06:21.477 回答