2017-10-04 89 views
0

這是我迄今爲止的JQuery代碼。如何使用頁面URL將活動類添加到側欄菜單?

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

這適用於/ category或任何其他菜單。但是當url類似於/ category/create或/ category?page = 2時,代碼不會將活動類添加到菜單中。我應該在哪裏更改代碼?

回答

0

試試這個:

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

不,它不工作。它根本不添加任何類。 –

+0

你可以分享'this.href'和'url'的值來獲得'active'類的增加嗎? –

+0

對不起,我無法理解你在問什麼。像這樣? http://127.0.0.1:8000/product/create –

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'); 
          } 
      }); 
+0

該代碼與我自己的代碼相同。確定/產品,但不適用於產品/創建 –

+0

它仍然是一樣的:( –

相關問題