jquery移动导航栏填充问题？

Question

我在标题中添加了导航栏，试图让它看起来像这里找到的标签系统： 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 -->

我尝试将margin设置为0，但是没有删除标签周围的空白区域， 有人可以帮忙吗？

由于

Answer 1

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

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

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

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

干杯，

Answer 2

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