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

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

1回复

持久性jQuery移动导航栏

我正在尝试使持久性Jquery Mobile导航栏页脚正常工作。 我希望使用javascript(适用于PhoneGap应用程序)动态绘制它,而不是使用PHP来创建页脚模板。 以下内容改编自: http : //the-jquerymobile-tutorial.org/jquery-m
1回复

复选框单击/点击后,jquery移动导航栏锚不会触发
  • 我为一个无序列表动态地构建了listitems,看起来像这样工作正常: 在页脚中,我有一个带有锚标记的导航栏: 在我单击/点击列表框中的复选框或更改输入中的值之前,锚点工作正常。 完成此操作后,在导航栏中的任何锚点上的第一次单击/轻击都将不起作用,但是屏幕会像发生错误一样跳跃,
    8回复

    jQuery Mobile导航栏中的每行超过5个项目

    我没有成功找到一个变量来更改导航栏中一行中的最大项目数。 我只是从jQuery Mobile开始,尝试创建一个包含约7个单字母项目的导航栏。 当存在5个以上的项目时,导航栏会自动换行,这对我的项目来说是不可取的。 谁能指出我在规范此行为的代码或CSS中的代码?
    1回复

    如果单击导航栏中的按钮,如何在mynavbar下打开第二行

    我的移动网站有以下代码: 现在我想有一个2行导航栏: 第一行带有一个用于显示/隐藏导航栏的按钮,第二行带有一个导航栏,仅当我单击该按钮时才会显示。 我的问题是我不能找到像在jquerymobile该导航栏显示/隐藏按钮什么。 所以我希望有人有其他解决方案。 谢谢
    2回复

    jQuery Mobile - 包含外部文件的页脚

    我想创建一个可以由我的jQuery Mobile应用程序中的所有页面使用的共享页脚(例如footer.html)。 但是,在从外部文件加载html后,我找不到让jQuery刷新页脚导航栏中样式的方法。 在思考之后会非常感激。 Footer.html: index.html的:
    1回复

    jQuery Mobile可折叠菜单

    我正在尝试创建一个导航栏,该导航栏控制其下方两个可折叠部分的显示/隐藏。 jQuery Mobile有可能吗? 例如,请查看移动设备上m.nbcolympics.com网站上的菜单。 我想创建一个菜单/搜索,就像他们在其站点上一样。
    1回复

    jQuery Mobile上一页

    我有一个使用jQuery Mobile开发的网站,我在其中一个HTML中使用了导航栏,我有4个data-role =“ pages”,即每个导航栏。 我有一个“后退”按钮,但需要它才能将我带回到上一页,而不是我曾经去过的上一个选项卡。 我该怎么做?
    1回复

    CSS无法在定义为无序列表的导航栏中填充文本

    我有一个网站,其中包含使用几个div和无序列表定义的导航栏。 当前,导航栏中的最后一个链接是一个按钮,与其他纯文本按钮不同。 导航栏示例图片 这是我的CSS样式: 我当前的问题是,尽管我可以在按钮内的文本左右两边调整填充,但我无法垂直调整填充。 我尝试用填充和边距添
    6回复

    HTML CSS导航栏间距

    我做了一个CSS Navbar,但是在每个“ navbar-item”之间,空间很小。 我根本不希望有任何空间! 有没有办法在不更改每个导航栏项目的左边距的情况下实现这一目标?
    2回复

    文字不在导航栏中居中显示/导航栏文字之间的空间太大

    我在这里拥有我的网站: http : //gyazo.com/56e069ebf8b5bd61ee30523886180b88 导航栏存在许多问题。 1,您可以看到文本或导航栏不是水平居中,如悬停所指示(顶部和底部相等) 2)文本之间有很大的间隔(并且这种间隔是我发现作品突出显