问题标签 [jquery-mobile-navbar]

我正在使用 Cordova/PhoneGap 开发一个 Jquery 移动应用程序，我希望在标题下方有一个导航栏，位置固定，因此导航栏不会随内容滚动。如果我将导航栏放在标题中，它会继承标题的样式，并且导航栏的 css 不会像它应该的那样表现。例如，当我单击导航栏中的某个项目时没有突出显示，它只是保持与标题本身相同的颜色（在我的情况下为黑色），并且也没有更多可见的边框。只有项目内的文本会响应单击。我查了几个例子，但似乎没有一个对我有用：
示例一
示例二

这是我的页面代码：

类 iconnavbar 的 CSS 如下：

但这不应该对我的问题有任何影响。事实上，我还尝试删除所有内容，使其看起来与其中一个示例完全相同，但我仍然得到了同样糟糕的结果。

那么我该如何解决这个问题呢？或者有没有更好/替代的方法来将导航栏添加到我的页面顶部，并像示例中那样具有固定位置？

下面是菜单在 iPhone 上的外观和项目 3 被按下的屏幕截图。

这是我的代码，navbar它适用于桌面，但是当我使用响应式时，菜单链接不起作用。我点击菜单，没有任何反应，请帮忙。

`

所以正如标题所说，我试图让我的导航栏使用 Twitter Bootstrap 在悬停在特定按钮上时具有不同的颜色。这是我的 index.html 代码片段：

目标是让导航栏上的不同按钮（第 1 页、第 2 页等）具有不同的颜色。但是，我不知道该怎么做。我尝试放置<Div>以下li元素：

<div class="home"><li><a href="#">Home</a></li></div>

但这以某种方式弄乱了导航栏的结构，弄乱了导航栏并使主页按钮位于导航栏上方。

我怎样才能让每个li元素都有自己的hover颜色？

此外，这是我的 CSS 代码，将悬停颜色更改为红色，但只有红色。

好的，事情是这样的：我最近为一位客户 (bradsdesigns.com) 完成了他自己设计的网站。他希望他的导航栏与他的徽标相匹配，而在桌面上，它可以做到这一点。（顺便说一句，他主要希望客户从计算机上查看它；他说他不在乎移动优化）无论如何我使用引导程序（免费）使其具有响应性，并对其进行了修改以使其看起来像他想要的那样。在这里。在电脑上看起来不错。但是，当我在手机上查看它时，问题就出现了。你看，我不得不使用垂直条。我欺骗它以为它是导航栏上的另一个链接。这就是我的意思：li>| （第一个 < 让它显示在这里）...现在，在移动设备上折叠的导航栏，当您单击展开按钮时，它会显示如下：第二张图片. 无论如何我可以让它不这样做吗？他说他不在乎它看起来像这样，但它不适合我。就像其他人会看到一样，并认为我不是很好。任何帮助将非常感激。

我正在使用 Jquery mobile 开发一个应用程序，导航栏没有显示行中的元素，而 google chrome 控制台正在显示列表元素之间的空格。通过删除这些   元素完全一致。在这里可以看到： 导航栏----控制台

有人可以帮忙吗？

这种情况很奇怪。当我在小屏幕上打开我的网站（建立在引导程序上）时，导航栏是可见的，但它应该是折叠的。当我单击按钮折叠时，它仍然可见，当我第二次单击时，它刚刚折叠。并且因为它运作良好。但是当我重新加载页面时，我仍然有这个问题。

我在弹出窗口中有 3 个选项卡。根据单击的超链接，我希望它可以激活特定的选项卡。

剥离了所有非必要代码后，如果超链接应用了“ui-btn”类，它似乎会失败。如果链接未设置样式，则它可以正常工作。 它选择了正确的选项卡，但它不会使导航栏链接处于活动状态/突出显示。

有人能对此有所了解吗？或者一个简单的解决方法。

请参阅JSFiddle 演示

HTML

jQuery

这是我的第一条消息！我在网页上找不到我的问题的答案。我要做响应式网站，但手机上的移动导航有问题。导航链接与 h1 重叠，并且链接没有反应（不能正常工作）。z-index 在这里没有帮助，mobile-navi 上的背景颜色看起来很糟糕，链接仍然没有反应。如果您有解决问题的想法，请给我一个答案。我的网页：http: //jakub-lawniczak.com/

我正在开发一个 Django webapp，我正在使用 Materialize for CSS 我已将 Materialize 文件放在应用程序的静态文件夹中。我对导航栏有疑问，它在全屏时工作正常，但是当我调整浏览器大小时，移动导航栏的汉堡图标不起作用。当点击它时，它只是进入 /# 页面，并没有从侧面打开。我必须对 Django 或 Javscript 文件进行任何更改吗？我该如何解决这个问题？