根据URL路径添加活动类?

时间:2016-08-24 13:44:24

标签: javascript jquery css navigation

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

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

1 个答案:

答案 0 :(得分:0)

$(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
 }
});
这样的事情?