1

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

任何帮助将不胜感激。

4

1 回答 1

0

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

<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-13T16:04:33.393 回答