繁体   English   中英

将下拉菜单中的“活动”类移动到用户当前页面

Moving the “active” class in a dropdown menu to the users current page

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

因此,我认为我可以继续使用Foundation框架,并且遇到的第一个问题是下拉菜单中的class =“ active”。

我想要的是将类应用于用户当前正在查看的页面链接(在下拉列表中),如果可以轻松完成此操作,将不胜感激。

我已经搜寻了基金会文档和万维网,但不幸的是没有找到任何地方。

1 个回复

您想要实现的目标通常是通过后端或您的前端MVC(例如,角度或骨干)通过测试您所在的位置并在正确的链接上打印“活动”类来完成的。

Foundation不是MVC框架。 它仅通过利用它们的模块化,预制代码来帮助快速开发一些HTML,CSS和JavaScript。

话虽如此,如果您仅想在前端实现此功能,就需要创建一个函数来解析您的URL,找到具有该匹配URL的链接,并在匹配的on上添加一个“ active”类。

1 当前页面的活动菜单类

我正在制作投资组合网站模板。 我对整个ajax网站的“活动链接”都有疑问。 当我直接打开url(http://bit.ly/d5qNeN)时,url没有提供addClass函数。 如何为直接打开的网址添加“ selected ”类? 这是我的jquery代码,它将“ sele ...

2 jQuery - 将类“active”添加到菜单上的当前页面

我有这个 jQuery 代码,它将is-current类添加到活动菜单项,这意味着当前路径与链接匹配。 我的问题是当我设置了这样的链接时: is-current 在访问它们中的任何一个时都会添加到两个链接中,因为它们都包含客户端的window.location.pathname 。 有什 ...

2020-03-05 05:32:14 1 53   jquery
4 菜单当前活动页面

我正在使用Bootstrap(AdminLTE),并且希望激活当前页面的菜单项。 问题是,我不知道该怎么做。 我确实有一些解决方案(除了在每个php文件中进行更改),例如为每个链接放置IF语句,这将是一个糟糕的解决方案(我认为)。 以上是菜单的一部分。 因此,菜单项(在本例中为“仪 ...

5 通过两个菜单在“菜单”中向当前页面添加活动类

我目前有一个用于活动菜单的nav_menu_css_class的过滤器设置,我在顶部使用两个菜单,因为前两个选项卡是功能选项卡,因此它们是不同的颜色,因此我有两个“ wp_nav_menu”来完成此操作。 那部分工作正常。 我为活动选项卡设置了以下代码,但我需要一种在活动时可以对两个菜单使用 ...

7 使用esc_url将'Active'类应用于当前页面菜单项

我正在尝试将“活动”类应用于当前页面的相应菜单项。 我以前从未遇到过这个问题/已经花了数小时阅读类似的问题而徒劳无功,并且我认为这与将Wordpress的esc_url用于我的菜单链接有关,但我不知道为什么这不起作用...我的jQuery似乎无法匹配网址。 当我在Page1上时,我想将act ...

8 如何在当前菜单项页面上添加活动类? html

如何在html header.php的当前菜单项页面上添加活动类。 我在wordpress中添加了一个自定义菜单: 那么如何添加“活动”呢? 可能带有一些JavaScript? 还是PHP? 我确实在网站上尝试了以下几个答案: 我确实尝试了这个(没有工作) 我也尝试过这个( ...

10 如何在当前菜单项页面上添加活动类? WordPress的

我有两个链接:产品和新闻。 当我单击产品或新闻时,它返回给我一个包含一些帖子的存档页面,当我单击某个帖子时,它返回给我该帖子的单个页面。 在菜单中,我使用<li>上的以下代码添加一个名为active的类(如果页面位于首页): 但是当我有两个存档页面和两个单打页面时 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM