我正在尝试在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,但这似乎不是问题。
非常感谢任何帮助。
答案 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>
,这是添加一个空按钮。