Выделите выбранную вкладку в главной странице asp.net со страничным обновлением

Question

Iam пытается достичь очень простой вещи, но не удалось. У меня есть сайт asp.net и есть одна главная страница с двумя дочерними страницами. У меня есть две вкладки для этих дочерних страниц на главной странице. и один выбран по умолчанию, который отлично работает в этот момент. Когда я нажимаю на вторую вкладку, она успешно выбирается с кодом, который у меня ниже, но мгновенно обновляется на странице и снова выбирает первую вкладку по умолчанию (при обновлении страницы). Я также использую event.preventDefault(), но он не работает.

Так что мой вопрос прост, что как выделить выбранную вкладку, когда я нажимаю на нее, даже страница обновляется, спасибо.

Пожалуйста, просмотрите код следующий: -

<style type="text/css"> 
       #header #toplevel-bar li.current { 
       padding: 8px 7px 8px 7px; 
       background-image: url("/include/images/button_back.jpg"); 
       border-radius: 5px 5px 0px 0px; 
       color: white; 
       text-decoration: none; 
      } 
</style> 

<script type="text/javascript"> 

    $(document).ready(function() { 
     $("#header #toplevel-bar ul li").click(function (event) { 
      //event.preventDefault(); 
      $("#header #toplevel-bar ul li").removeClass("current"); 
      $(this).addClass("current") 
     }) 
    }) 

</script> 

<div id="toplevel-bar"> 

     <ul> 
      <li class="current"><a href="Default.aspx">Home</a></li> 
      <li><a href="products.aspx">Products</a></li> 
      <li><a href="Default.aspx">Services</a></li> 
     </ul> 

</div> 

Answer 1

Поскольку ваша страница обновляется, как вы нажмете на ссылку, вы не можете добавить класс it.Try проверки URL и сопоставить его с набором меню доступны. Что-то вроде этого может помочь u ..

 var href = window.location.href; 
     var lastSegment = href.substr(href.lastIndexOf('/') + 1); 
     $("ul > li a[href$='" + lastSegment + "']").addClass("current");