jQuery Mobile隱藏的導航欄按鈕

我正試圖在jQuery移動網站上實現導航欄。jQuery Mobile隱藏的導航欄按鈕

 <div data-role="navbar"> 
     <ul> 
      <li><a href="a.html">One</a></li> 
      <li><a href="b.html">Two</a></li> 
     </ul> 
    </div><!-- /navbar -->

我不允許張貼圖片，不過，我可以提供一個鏈接

（http://pupillogroup.com/matthiaspupillo/wp-content/uploads/2012/06/Screen-Shot- 2012-06-21-at-9.35.00-am.png）

問題是，我的站點顯示兩個33％按鈕和一個空按鈕，而不是兩個均勻間隔的按鈕。增加的有一類「UI塊-C UI網空」

我還沒有做出

這可能是一個複雜的CSS，jQuery的，JS或jquerymobile.js任何變化，但我也使用phonegap.js，但這似乎不成問題。

任何幫助將不勝感激。

來源

2012-06-20 ahkar5

屏幕截圖或它沒有發生 – Ohgodwhy

您是否使用每個版本的最新版本？這可能有助於[tut]（http://www.digitalnoiz.com/mobile-development/basic-cross-platform-mobile-app-with-jquery-mobile-and-phonegap/） – mattyb

使用最新版本的jQM（ 1.1.0）和本示例中的jQuery 1.7.1 http://jsfiddle.net/xYFuu/您的代碼正常工作 –

答案在問題中。當我輸入我的問題時，我重新輸入代碼並解決了問題。生成錯誤添加

<div data-role="navbar"> 
    <ul> 
     <li><a href="a.html">One</a></li> 
     <li><a href="b.html">Two</a></li> 
    <ul> 
</div><!-- /navbar -->

額外的按鈕，因爲我收<ul>失蹤的斜線</ul>的代碼。 jQuery自動生成一個結束標記並創建空白的<li>這是一個空的按鈕。

來源

2012-07-13 16:04:33 ahkar5

jQuery Mobile隱藏的導航欄按鈕

回答

相關問題