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

谢谢

标签周围怪异间距的屏幕截图

===============>>#1 票数:1 已采纳

感谢所有回答,但我想出了我的问题。

我正在使用名为appMobi的移动框架在javascript / css / html中制作移动应用,当使用jQuery UI框架(如jquery mobile)时,我遇到了一些选项卡问题(并且删除了我仍然不知道的底部页脚)知道为什么...)。

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

因此,解决方法是仅在标题的顶部导入一次jQuery js文件。

干杯,

===============>>#2 票数:0

让我猜想您正在通过移动设备执行此操作? 您是从使用jQuery mobile或类似框架的网站复制的? 您还应该加载jQuery移动脚本并链接到它的两个CSS文件,以使其正常工作

  ask by TriFu translate from so

未解决问题?本站智能推荐: