導航欄在jQuery Mobile的

Question

我在頁腳

<footer data-role="footer"> 
    <div data-role="navbar" data-iconpos="top"> 
     <ul> 
      <li><a href="a.html" class="ui-btn-active" data-icon="star">Fav</a></li> 
      <li><a href="b.html" data-icon="back">Recent</a></li> 
      <li><a href="a.html" data-icon="delete">Contacts</a></li> 
      <li><a href="b.html" data-icon="grid">Keypad</a></li> 
      <li><a href="a.html" data-icon="delete">Voicemail</a></li> 
     </ul> 
    </div><!-- /navbar --> 
</footer> 

http://jquerymobile.com/test/#/test/docs/toolbars/docs-navbar.html說，導航欄，最多需要在一個5個線項目，但這裏已經這個導航欄，資產淨值項與3列分配佈局和最後2件物品落在第二行。

我錯過了什麼？

Answer 1

嘗試擊敗4.1，而不是最前沿的變化。

而不是使用：http://jquerymobile.com/test/#/test/docs/toolbars/docs-navbar.html 嘗試：用4.1測試版http://jquerymobile.com/demos/1.0a4.1/#docs/toolbars/docs-navbar.html

現場演示。你的代碼工作正常：http://jsfiddle.net/BCnBN/

Answer 2

請試試這個..

<footer data-role="footer"> 
    <div data-role="navbar" data-iconpos="top" data-grid="d"> 
     <ul> 
      <li><a href="a.html" class="ui-btn-active" data-icon="star">Fav</a></li> 
      <li><a href="b.html" data-icon="back">Recent</a></li> 
      <li><a href="a.html" data-icon="delete">Contacts</a></li> 
      <li><a href="b.html" data-icon="grid">Keypad</a></li> 
      <li><a href="a.html" data-icon="delete">Voicemail</a></li> 
     </ul> 
    </div><!-- /navbar --> 
</footer>