Я новый разработчик ASP.NET Web Forms и пытаюсь использовать Twitter Bootstrap с главной страницей. Я борюсь с установкой элемента navbar как активного, когда пользователь выбирает его. Я создал свою простую главную страницу, следуяэтот урок о том, как использовать Twitter Bootstrap с ASP.NET.

Вот's код моей главной страницы:

    

    

    
    



    
    
        
            
                
                    
                        Hello... My First Website with Twitter Bootstrap
                    
                
            
            
                
                    
                        Navigation
                        <a href="Default.aspx">ASP.NET</a>
                        <a href="Default2.aspx">Java</a>
                        <a href="#">VB.Net</a>
                        <a href="#">C#</a>
                     
                
                
                    

        
                
            
        

    
    

Затем я добавил этот скрипт вголова чтобы решить проблему с меню:

    $(document).ready(function () {
        var url = window.location.pathname;
        var substr = url.split('/');
        var urlaspx = substr[substr.length - 1];
        $('.nav').find('.active').removeClass('active');
        $('.nav li a').each(function () {
            if (this.href.indexOf(urlaspx) >= 0) {
                $(this).parent().addClass('active');
            }
        });
    });

Однако ничего не изменилось. Когда я выбрал какой-либо элемент на панели навигации, активный класс не был добавлен в новый выбранный элемент, и я нене знаю почему.Не могли бы вы помочь мне решить эту проблему?