将活动类设置为当前导航页面

时间:2015-11-30 11:17:54

标签: javascript

我使用jquery将活动类设置为当前页面。我想知道这段代码是否可以在更复杂网址的大型网站上运行,或者是否有更简单的方法来解决这个问题。

//Active Menu
$(window).load(function(){

//Get and format current page from url.
var currentPage = window.location.pathname.split('/').reverse()[0];

//If needed, add exceptions to 'currentPage' value.
switch (currentPage){

}

//Target and loop through menu list.
$("#main-nav li a").each(function () {
    //if current page is equal to 'href' value of anchor tag. (Reason for the exceptions)
    if (currentPage === $(this).attr('href').split('/').reverse()[0]) {

        //Then add the active class to the closest li tag.
        $(this).closest('li').addClass('active');

    }
});

});

1 个答案:

答案 0 :(得分:0)

只需通过反复试验就可以自己解决这个问题。

这对我有用:

Error: Uncaught (in promise): TypeError: Cannot read property 'emit' of undefined