【问题标题】:Add active class based on URL path? [duplicate]根据 URL 路径添加活动类? [复制]
【发布时间】:2016-12-31 16:35:17
【问题描述】:

我的网站分为不同的类别。在每个类别中,都有文章。我正在尝试向类别页面(所有文章的网格菜单)以及该类别中的每个文章页面添加一个活动类。我看到的解决方案将您当前的 url 与附加到导航链接的 url 进行比较。该解决方案适用于类别网格页面,但不适用于文章页面。稍微复杂一点,网格页面的路径是/category,但该类别中文章的路径是/article/category/article-name。

有没有办法让我在一个菜单链接上放置一个活动类,该链接与一个类别中的所有文章以及类别网格页面相关?如果可能的话,我更喜欢 JQuery 解决方案。

【问题讨论】:

标签: javascript jquery css navigation


【解决方案1】:
$(document).ready(function () {
 if (/category/.test(window.location.href)){
    //add the active class
 } else if (/article-name/.test(window.location.href)){
   //add the active class
 }
});

像这样?

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2023-01-22
    • 1970-01-01
    • 2012-07-31
    • 2019-07-09
    • 2020-05-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多