. 각각 jquery에서 작동하지 않습니다.

Question

웹 사이트의 마스터 페이지에 메뉴가 있으며 각 페이지에서 선택한 메뉴를 강조하고 싶습니다. 페이지가 열리는 메뉴를 얻으려면 메뉴 항목을 반복해야하지만 일부 페이지에서는 각 기능이 루프에 들어 가지 않습니다 !!

왜?

$(document).ready(function() { 
 
    debugger; 
 
    var url = window.location; 
 
    var oldURL = document.referrer; 
 
    $('.navbar-collapse ul.nav li a').each(function() { 
 

 
    if (this.href == oldURL) { 
 
     $('.navbar-collapse .nav').find('.active').removeClass('active'); 
 
     $(this).parent().addClass('active'); 
 
    } 
 

 
    if (this.href == url) { 
 
     $('.navbar-collapse .nav').find('.active').removeClass('active'); 
 
     $(this).parent().addClass('active'); 
 
     return false; 
 
    } 
 

 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
 
    <ul class="nav navbar-nav"> 
 
    <li class="dropdown"> 
 
     <a href="../Forms/DefaultMain.aspx">صفحه اصلی </a> 
 
    </li> 
 
    <li class="dropdown"> 
 
     <a href="#" class="dropdown-toggle">rr<b class="caret"></b></a> 
 
     <ul class="dropdown-menu"> 
 
     <li><a href="../Forms/HotelProduct.aspx">tt</a></li> 
 
     <li><a href="../Forms/CommunicationProduct.aspx">ll</a></li> 
 
     </ul> 
 
    </li> 
 
    <li class="dropdown"> 
 
     <a href="../Forms/OurCustomers.aspx" class="dropdown-toggle">mm</a> 
 
    </li> 
 

 
    <li class="dropdown"> 
 
     <a href="../Forms/ContactUs.aspx" class="dropdown-toggle">jj </a> 
 
    </li> 
 
    </ul> 
 
</div>

Answer 1

당신은

$('.navbar-collapse .nav .active').removeClass('active'); 
$('.navbar-collapse ul.nav li a[href="'+url+'"]').parent().addClass('active');