jQuery Mobile隐藏导航栏按钮

时间:2012-06-20 21:09:11

标签: jquery css jquery-mobile cordova

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

非常感谢任何帮助。

1 个答案:

答案 0 :(得分: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>,这是添加一个空按钮。