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 スタイルの 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: