问题标签 [jquery-mobile-navbar]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
816 浏览

jquery - 标题中的 Jquery 移动导航栏样式无法正常工作

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

这是我的页面代码:

类 iconnavbar 的 CSS 如下:

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

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

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

0 投票
1 回答
310 浏览

css - 引导导航不起作用

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

`

0 投票
1 回答
1464 浏览

html - 在 Bootstrap 导航栏中悬停在按钮上的不同颜色

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

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

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

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

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

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

0 投票
1 回答
53 浏览

html - 如何为引导导航栏添加特殊样式

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

0 投票
3 回答
265 浏览

css - 导航栏元素不在行 - Jquery mobile

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

有人可以帮忙吗?

0 投票
1 回答
1001 浏览

javascript - 当我在移动引导程序导航栏上打开网站时不会崩溃

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

0 投票
1 回答
324 浏览

jquery - Jquery Mobile 错误动态更改选项卡,不会使选项卡处于活动状态

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

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

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

请参阅JSFiddle 演示

HTML

jQuery

0 投票
1 回答
69 浏览

html - 响应式导航与 h1 重叠,并且 h1 上的导航链接不起作用

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

0 投票
1 回答
632 浏览

django - Django Materialize.css 导航栏

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

0 投票
1 回答
57 浏览

html - 引导程序没有响应