如何使用页面网址将活动类添加到侧边栏菜单?

时间:2017-10-04 06:04:40

标签: jquery

到目前为止,这是我的JQuery代码。

      var url = window.location;
      $('ul.sidebar-menu a').filter(function() {
         return this.href == url;
      }).parent().addClass('active');

适用于/类别或任何其他菜单。但是当url类似于/ category / create或/ category?page = 2时,代码不会将活动类添加到菜单中。我应该在哪里更改代码?

2 个答案:

答案 0 :(得分:0)

试试这个:

 var url = window.location;
      $('ul.sidebar-menu a').filter(function() {
         return (url.indexOf(this.href)>-1) ? true : false;
      }).parent().addClass('active');

答案 1 :(得分:0)

以下是在侧边栏中添加活动类的代码。试试这段代码。

var url = window.location.pathname;
            var baseurl = document.location.origin; 
            jQuery('ul.sidebar-menu li').each(function(){
                var sidebarurl = jQuery(this).find('a').attr('href');
                  var sidebarurl1 = sidebarurl.split('?')[0];
                            var remain_sidebar_url  = sidebarurl1.replace(baseurl,'');

                            if(remain_sidebar_url == url){
                            jQuery(this).addClass('active');
                            }
            });