当前位置: 首页 > 知识库问答 >
问题:

jquery活动类到基于当前url的菜单项

倪子晋
2023-03-14

如果菜单项url==当前url,我有以下代码可以将活动css类添加到菜单项:

$("#accordion a").each(function() 
{   
    if (this.href.search(window.location.hostname) != -1)
    {
        $(this).addClass("active-sidebar-link");
    }
});

但这会将该类添加到所有菜单项中。有什么提示吗?

共有1个答案

段干靖
2023-03-14

试试看:

$("#accordion a").each(function() {   
    if (this.href == window.location.href) {
        $(this).addClass("active-sidebar-link");
    }
});
 类似资料:
  • 我想突出显示我的导航菜单中的当前链接基于当前活动的URL。 如果我的导航菜单是纯CSS,我已经找到了很多解决方案,但是我的菜单是基于图像的,因此每个链接的活动类都是不同的,这就是我被困住的地方。 谁能给我提点有用的东西吗?我对jQuery很陌生,但发现它非常有用,是我学过的最好的语言之一。 每个标记都有一个预加载的CSS背景图像,每个类都有一个悬停函数。

  • 我使用下面的代码将活动类添加到菜单项。该网站是99%使用WooCommerce的Ecomm,我使用产品类别作为顶级导航项目。下面的代码适用于几乎所有项目,除非在产品子类别上处于活动状态。 本质上,我希望顶层导航项被标记为活动类,即使选择了子类别。

  • 在我的基于php的web项目中,当用户点击导航菜单栏,即我的导航菜单时,我想将css类(.active)应用到当前url路径 如何应用。主动的css类与Jquery或JS,页面刷新后,链接是css应用?

  • 问题内容: 我正在尝试在页面加载后根据其所在的页面将一个类(即)添加到适当的菜单列表项。下面是我现在的菜单。我已经尝试了在这方面可以找到的所有代码片段,但是没有任何效果。因此,有人可以简单解释一下在何处以及如何在JavaScript中添加以定义此任务吗? 这是我在网站管理员中将head标签放入的javascript的示例。我究竟做错了什么? 问题答案: 这不起作用的原因是因为javascript正

  • 有谁能帮我..我想根据我的URL在我的菜单上添加一个活动类 这是密码 可能的URL 所以,我需要的是当URL是http://www.whatever.com/?tag=automotive,big-data时,我想再添加一个类,比如active。 示例: HTML:

  • 我有一个基于WordPress的网站,我的主题通过添加“当前菜单项”类来突出当前菜单项。 问题是,我有一个包含3个子菜单项的菜单项,它们都指向具有不同容器ID的相同页面(它们的href包含容器ID),因此它们都被突出显示。 如何仅突出显示href指向当前查看的容器的菜单项? 我尝试了这个答案,在标签后面插入了以下内容: