jQuery Mobile 隐藏导航栏按钮答案

【问题标题】：jQuery Mobile hidden navbar buttonjQuery Mobile 隐藏导航栏按钮
【发布时间】：2012-06-20 21:09:11
【问题描述】：

我正在尝试在 jQuery 移动网站上实现导航栏。

      <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-block-c ui-grid-null”

我没有对 css、jquery、js 或 jquerymobile.js 进行任何更改

这可能有点复杂，但我也在使用 phonegap.js，但这似乎不是问题。

任何帮助将不胜感激。

【问题讨论】：

截图或者它没有发生
您使用的是最新版本吗？这可能会有所帮助tut
在此示例中使用最新版本的 jQM ( 1.1.0 ) 和 jQuery 1.7.1 jsfiddle.net/xYFuu 您的代码可以正常工作
我添加了一个指向屏幕截图的链接，其中包含一些代码和导航栏。感谢您的帮助，我希望我不是唯一发生这种情况的人。

标签： jquery css jquery-mobile cordova

【解决方案1】：

答案就在问题中。当我输入我的问题时，我重新输入了代码，它解决了问题。产生错误的代码

<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>，它正在添加一个空按钮。

【讨论】：