jQuery的移动导航栏填充问题？

我在我的头添加导航栏，想拥有它看起来像在这里发现的标签系统： http://jquerymobile.com/demos/1.0/docs/toolbars/docs-navbar.html jQuery的移动导航栏填充问题？

但是当我在下面添加到我的应用程序的代码

，标题导航栏有padding和怪异的空间周围所有的标签按钮。

<div data-role="header">   
    <div data-role="navbar"> 
     <ul> 
      <li><a href="#">One</a></li> 
      <li><a href="#">Two</a></li> 
      <li><a href="#">Three</a></li> 
     </ul> 
    </div><!-- /navbar --> 
</div><!-- /footer -->

我试着设置余量为0，但是这并没有消除周围的选项卡中的空白处，有人可以帮忙吗？

感谢

Screen shot of the weird spacing around the tabs

来源

2011-12-11 TriFu

data-role =“page”元素的子元素是'data-role =“header”'元素吗？ “”标签按钮周围的怪异空格是什么意思（它与文档有什么不同）？ – Jasper

嗨，贾斯珀，感谢您的建议，我其实已经忘记了数据角色=“页面”。然而，这不是你可以在上面看到我的帖子的问题。 – TriFu

感谢大家谁回答，但我想通了我的问题。我使用一个名为appMobi的移动框架在javascript/css/html，中制作移动应用程序，当使用像jquery mobile这样的js UI框架时，我遇到了一些选项卡问题（并切断了底部页脚我仍然不知道为什么......）。

问题是我导入jquery.mobile.min.js两次，一次在标题中，一次在body标签的正下方。我知道，这听起来很奇怪，但在我的辩护中，一个appMobi视频告诉我这样做...可能过时的视频...

因此，修复是只导入jQuery文件一次在顶部在标题中。

干杯，

来源

2011-12-12 06:12:23 TriFu

让我猜你是在移动这样做呢？您是从使用jQuery移动版或类似框架的网站复制它的？你也应该加载jQuery手机脚本并链接到它的两个css文件，以便这个工作正确

来源

2011-12-11 21:20:43 alonisser

jQuery的移动导航栏填充问题？

回答

相关问题