问题标签 [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 回答
3203 浏览

jquery - 持久的jquery移动导航栏

我正在尝试使持久的 Jquery Mobile 导航栏页脚工作。我希望它使用 javascript 动态绘制(它用于 PhoneGap 应用程序),而不是使用 PHP 来模板页脚。

以下改编自: http ://the-jquerymobile-tutorial.org/jquery-mobile-tutorial-CH21.php

但是,jquery 样式并未应用于第 2 页和第 3 页。就好像 $("#navbar").navbar() 没有为这些页面调用或调用太早。

谁能帮我解决我可能出错的地方?或者指向一个具有动态持久导航栏的代码示例,最好具有活动按钮持久性?

0 投票
2 回答
778 浏览

twitter-bootstrap - 导航栏高度变化

在 Bootstrap 的启动示例中,当我缩小浏览器的宽度时,导航栏突然变高(因为菜单选项进入下拉按钮)。有没有办法控制这个?

0 投票
2 回答
337 浏览

javascript - 向导航栏添加按钮并以编程方式显示它们

这是我的页面代码,我需要将我目前拥有的菜单项添加到“page1_nav”,但要么不起作用,要么不显示。

任何建议,提前谢谢

0 投票
2 回答
1219 浏览

css - CSS在导航栏的浮动中垂直居中文本

我正在尝试在 html+css 中创建一个导航栏,类似于以下链接中的图像:

http://i.imgur.com/5PEhv.png

基本上,我在左侧浮动矩形/ div 中有一些灰色的大文本,在右侧浮动矩形/div 中有一个较小字体的链接列表,我希望该文本垂直居中而不必求助于摆脱浮动和调整灰色和红色框的左边距/右边距。这可能吗?如果可以,怎么做?

0 投票
1 回答
223 浏览

ruby-on-rails-3.1 - 如何在 Twitter 的 Bootstrap 固定导航栏中动态刷新项目(理想情况下是 bages)?

我正在使用 twitter boostrap 固定导航栏。我正在尝试刷新(经常使用javascript刷新功能拉动)导航栏的菜单项之一(理想情况下刷新与此菜单项相关联的推特徽章,例如“电子邮件10”,这里的徽章是“10”并且会喜欢刷新它以显示,例如,未读电子邮件的数量。感谢您的帮助。

0 投票
1 回答
2310 浏览

drop-down-menu - Twitter引导下拉菜单出现在错误的菜单项

我有一个导航栏,里面有 4 个元素。第一个只是一个主页链接,第二个和第三个有下拉菜单,第四个是用下拉菜单向右拉的。

现在第二个和第三个元素的下拉菜单总是出现在第一个菜单项下,而不是在单击的菜单项下。

第四个没有这个问题,我做错了什么?

0 投票
1 回答
2931 浏览

javascript - Twitter Bootstrap navbar-fixed-top 在页面上重新定位

我已经成功地在我的网站上运行了 Bootstrap,但我正在尝试使用 navbar-top-fixed 功能,每当页面加载时,它会将所有内容向下推约 20 像素,我似乎无法诊断原因。

我的导航栏代码是这样的:

并且此链接处的页面将正确加载页面,然后在加载页面时将其向下推,就像这个截图一样。

有没有人见过这个或知道任何快速修复?我正在使用 lessCSS 自定义页面上的导航栏之一。

0 投票
2 回答
2463 浏览

sencha-touch-2 - Sencha Touch 2 在轮播下方添加导航栏

我使用此链接开始使用 Sencha:http ://www.sencha.com/learn/getting-started-with-sencha-touch-2/

我的 Main.js 如下:

我修改了我的页面以扩展 Ext.Carousel 而不是 Ext.Panel。就允许滑动而言,这很有效,但是,现在我在底部没有导航栏,带有用于在页面之间切换的按钮,这是有道理的,因为我不再扩展 Ext.tab.panel。Sencha 中是否有内置的方式来同时拥有两者,或者这种自定义方式是我必须添加自己的 html 以在底部添加导航栏?无论哪种方式,我都不确定该怎么做。换句话说:我需要一个有 3 个页面的轮播,以便用户可以在它们之间滑动,同时添加用户使用 tabBar 上的按钮在轮播中的页面之间切换的能力。

0 投票
0 回答
480 浏览

css - 将导航栏居中并防止当前项目不同的@font-face 覆盖#navigation 容器边框

这是一个由两部分组成的问题......我目前正在尝试让导航栏在我客户的疯狂参数中正常工作。

在 style.css 中:

在 layout.css 中

在 custom.css 中:

页面本身的一部分(由 WooTheme 的 Canvas 主题添加):

而且,HTML 本身:

好的,我想我有所有的代码。基本上,我想要的是在#navigation 上有一个顶部和底部边框,然后让导航项本身自动居中,最后允许活动项(因为它是一种不同的字体,需要一个小的边距调整,以便它与其他导航项目“对齐”),当:悬停时,不会覆盖顶部/底部边框。

没有悬停效果,看起来“很好” - http://content.screencast.com/users/WolfSnap/folders/Snagit/media/051b5d52-a234-4714-90e9-cd772db5b6dc/2012-07-07_15-09-37.png

使用悬停效果,边框消失!- http://content.screencast.com/users/WolfSnap/folders/Snagit/media/7b921116-f7fa-4e4f-b5c1-10fe865c409b/2012-07-07_15-10-57.png

0 投票
1 回答
962 浏览

html - 添加徽标时导航栏中的项目向上移动

我最近开始使用 Twitter Bootstrap。创建导航栏时,当我添加徽标时,我的登录项会向上移动,而不是居中。

这是在栏的最左侧添加徽标的外观(您看不到图片中的徽标)。我希望“登录”项目位于黑色导航栏的中间。有任何想法吗?它看起来像徽标将条向下拉伸,在下面留下黑色空间,这可能是我的垂直分隔线没有到达底部的另一个原因。

这是一张图片:http: //i.imgur.com/hL3nQ.png

这是导航栏代码:

编辑:添加这个 CSS 规则可以修复它,但是还有其他解决方案吗?