问题标签 [nav]

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 回答
133 浏览

html - 导航中的无序列表在 Opera 中不存在 - 所有其他浏览器行为正常

我的一个网站有一个使用列表创建的水平导航栏。除了 Firefox 中的一个小错误之外,该列表现在看起来和工作正常 - 除了在 Opera 11.61 中。那里的列表元素根本不会出现!由于列表是网站的主要导航,它嵌套在一个nav元素中。到目前为止,我的调试表明这就是问题所在。

当我从元素中删除任何背景信息(如background-imagebackground-color)时,nav列表仍然不可见 - 我可以看到body. background-color分配不同的z-index值也无济于事。但是删除nav元素会有所帮助 - 当没有nav列表显示时。

我创建了一个小测试用例来说明问题(记住:必须用 Opera 打开。):http: //jsfiddle.net/sX5KF/

你知道为什么会出现这个问题吗?我的代码有问题还是这只是 Opera 中的错误?我能做些什么呢?

0 投票
1 回答
463 浏览

jquery - 网站上的多个滑动 div

我正在尝试为我的页面设计一个导航,我想知道是否有人知道如何创建来自页面顶部、左侧、右侧和底部的滑动 div,仅当相应的按钮(顶部、左侧、右侧、底部)被按下?你能帮我吗?

这是我正在尝试的代码。我可以让第一张幻灯片工作,但尝试多张幻灯片让我感到困惑:

0 投票
1 回答
1263 浏览

jquery - 用于导航的 jQuery scrollTop()

我正在尝试为我的网站制作导航,并非常感谢任何帮助。我想使用平滑滚动到所需的 div。我的网站将是一页,所以我需要导航链接将它们带到相应的 div。谢谢

这是我的导航的html:

0 投票
2 回答
72 浏览

internet-explorer - 我的导航菜单在 FF 和 Chrome 中运行良好,但在旧版本的 IE 中,它的纯文本看起来很糟糕

这是我所做的。 如何在IE中制作类似于FF和Chrome的导航菜单?

0 投票
2 回答
4002 浏览

jquery - 单击时隐藏 CSS 下拉菜单

我有一个 CSS 下拉菜单,它的功能是我想要的,除了一个部分,单击其中一个子菜单项不会关闭子菜单。

大多数人可能并不关心这一点,因为每个链接都会将他们带到一个新页面,但我的只是停留在同一页面上并调用 javascript 函数。

使用 jquery,我可以像这样在点击时隐藏子菜单:

但是,单击一个子菜单后,所有子菜单现在都将永远隐藏。有没有办法在不做像计时器这样俗气的事情的情况下取消隐藏它?还是一种更好的方法来解决这个问题?

这是我正在处理的页面: http ://www.nba.com/warriors/wallpapertest_031.html

提前致谢。

0 投票
1 回答
425 浏览

javascript - Zurb 基础类在 Wordpress 中不起作用,它们出现在 WebKit Inspector 中

这是我的 wordpress 主题中 header.php 的菜单代码:

大象菜单样式菜单栏和显示..et.al ...课程来自Zurb-Foundation和wordpress之外,它们工作得很好,可以打开和关闭......我在这里错过了什么?

我对 Zurb Foundation 的内部运作了解不足,无法放弃它......但我觉得它在某个地方是一个 javascript。

应该发生的是顶部菜单应该关闭并仅显示移动菜单。

菜单已经在functions.php中正确定义并且加载得很好。

0 投票
1 回答
134 浏览

jquery - jQuery 两个“分页”导航栏

这是一个很长的镜头,但我会尽力解释。

我目前有一个有导航栏的网站。

导航栏如下所示: http: //grab.by/dcDK

我的问题是,当我创建太多导航栏链接时,它只会溢出: http: //grab.by/dcDO

有没有办法做到这一点,如果导航链接太多,那么导航栏( > )的末尾会出现一个小按钮,当用户单击此按钮时,导航栏会滑动到有更多导航的下一页链接(溢出的链接)。

我知道这是一个很长的镜头,但我到处搜索,找不到任何解决方案或提示。下面是我的导航栏的简化代码:

0 投票
2 回答
4243 浏览

html - 我们是否应该在站点导航中使用 (HTML5) rel 属性

简单直接的问题,但我找不到任何建议。

支持的适当的 HTML5 值是:

  • 作者
  • 第一的
  • 最后的
  • 下一个
  • 上一页
  • 帮助
  • 许可证(不是“许可证”)

例子

由索引、关于、联系方式和法律组成的导航

..从 index.html 页面的角度来看:

  • index.html 与 rel="first"
  • about.html with rel=author next"
  • 带有 rel="help" 的contact.html
  • rel="许可最后"的legal.html

...从contact.html页面的角度来看:

  • index.html 与 rel="first"
  • about.html with rel=author prev"
  • 带有 rel="help" 的contact.html
  • rel="license next last" 的 legal.html

我承认在导航中使用 rel 将收效甚微;但它可能会对搜索引擎有所帮助。

我给出的例子既是为了证明这在实践中是如何工作的,也是为了批评!

亲切的问候,戴尔

编辑以下评论中的示例

由索引、关于、联系方式和法律组成的导航

..从 index.html 页面的角度来看:

  • index.html 没有 rel
  • about.html 与 rel=author"
  • 带有 rel="help" 的contact.html
  • rel="license" 的 legal.html

...从contact.html页面的角度来看:

  • index.html 没有 rel
  • about.html 与 rel=author"
  • 带有 rel="help" 的contact.html
  • rel="license" 的 legal.html
0 投票
2 回答
1125 浏览

html - 导航在不同页面上看起来不同,为什么?

我一生都无法弄清楚我的导航栏只有在主页以外的页面上有一些额外的填充或边距。在主页上看起来不错。

我已经花了几个小时在这上面,我束手无策。

你可以在这里看到网站

点击关于我们或博客文章,看看它的变化。这个模板在 css 方面有点乱(至少对我来说),我无法弄清楚其他页面上实际发生了什么变化。

我希望有人可以在这里提供帮助。

在此先感谢,

0 投票
1 回答
1090 浏览

jquery - jQuery 切换导航

我正在尝试制作一个工具导航,当我单击以显示更多时,导航将从 5 扩展到最大数量。

这是代码:

第 5 行使 li 项目 5 之后的所有项目都切换,但是当我点击第一个孩子时,我该怎么做,只有这个 ul 切换。

这是 HMTL: