1

我在我的标题中添加导航栏，试图让它看起来像在这里找到的标签系统：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，但这并没有删除选项卡周围的空白区域，有人可以帮忙吗？

谢谢

选项卡周围奇怪间距的屏幕截图

4

2 回答 2

1

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

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

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

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

干杯，

于 2011-12-12T06:12:23.163 回答
0

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

于 2011-12-11T21:20:43.040 回答