Question

我正在尝试在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，但这似乎不是问题。

非常感谢任何帮助。

Answer 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>，这是添加一个空按钮。

jQuery Mobile隐藏导航栏按钮

1 个答案: