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隐藏的导航栏按钮

回答

相关问题