jquery移动导航栏填充问题？答案

【问题标题】：jquery mobile navbar padding issues?jquery移动导航栏填充问题？
【发布时间】：2011-12-11 21:08:44
【问题描述】：

我在标题中添加导航栏，试图让它看起来像这里的标签系统： http://jquerymobile.com/demos/1.0/docs/toolbars/docs-navbar.html

但是，当我将以下代码添加到我的应用程序时，标题导航栏的选项卡按钮周围都有填充和奇怪的空格。

<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，但这并没有删除选项卡周围的空白区域，有人可以帮忙吗？

谢谢

【问题讨论】：

data-role="header" 元素是data-role="page" 元素的子元素吗？ "weird spaces all around the tab button" 是什么意思（它与文档有何不同）？
嗨，Jasper，感谢您的建议，实际上我确实忘记了 data-role="page"。但是，这不是问题，您可以从我上面的帖子中看到。

标签： jquery mobile margin spacing navbar

【解决方案1】：

感谢所有回复的人，但我发现了我的问题。

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

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

所以，修复是只在标题的顶部导入一次 jquery js 文件。

干杯，

【讨论】：

【解决方案2】：

让我猜你是在手机上做这个的吗？您是从使用 jQuery mobile 或类似框架的网站复制它的吗？您还应该加载 jQuery 移动脚本并链接到它的两个 css 文件以使其正常工作

【讨论】：