将活动类添加到目录

我正在尝试使用jQuery将.active类添加到我的Bootstrap导航链接。我正在使用我在别处找到的一些简单的代码，但不得不修改它。将活动类添加到目录

我希望.active类可以在相关目录中的任何页面上添加到相关的.nav-link，例如，要添加到导航栏中的摄影链接中，无论用户是在/摄影页面还是/摄影/时尚页面。

这是我到目前为止;

$(document).ready(function() { 
var urlFull = window.location.pathname.split('/'); 
var urlFirst = '/' + urlFull[1]; 

$('.navbar-nav .nav-link').each(function() { 
    if (this.href === urlFirst) { 
     $(this).addClass('active'); 
    } 
}); 
});

我敢肯定我的问题是与if语句来完成，但我很新的Javascript和我看不到的问题！我用console.log来检查我的变量，它们与导航中设置的链接相对应。

任何帮助将非常感激。

来源

2017-10-05 Paddy89

检查this.href === urlFirst的布尔结果。 –

它返回为假 – Paddy89

啊我看到了，我已将'this.href'更改为'this.pathname'，它似乎工作正常，我想！谢谢你的帮助Jeroen，它指出了我的正确方向。 – Paddy89

回答我的问题...

它看起来像我的问题是与this.href当它应该是this.pathname。它现在似乎工作正常，但时间会告诉我什么时候建立了更多页面！

来源

2017-10-05 19:26:59 Paddy89

将活动类添加到目录

回答

相关问题