Добавить активный класс навигации на основе URL

я пытаюсь добавить "активный» класс (т.е. класс = "активный») к соответствующему элементу списка меню на основе страницы, на которой он находится после загрузки страницы. Ниже мое меню, как оно стоит сейчас. Я'Я попробовал каждый фрагмент кода, который я мог найти в этом отношении, и ничего не работает. Итак, кто-то может объяснить, пожалуйста, где и как добавить в JavaScript для определения этой задачи?


    <a href="home.aspx">Home</a>
    <a href="manageIS.aspx">Manage</a>
    <a href="docs.aspx">Documents</a>
    <a href="admin.aspx">Admin Panel</a>
    <a href="past.aspx">View Past</a>

Вот пример JavaScript, который яЯ вставляю в мою голову тег на моем сайте мастера. Что я делаю неправильно?


    $(document).ready(function () {

        $(function () {
            $('li a').click(function (e) {
                e.preventDefault();
                $('a').removeClass('active');
                $(this).addClass('active');
            });
        });
    });

Ответы на вопрос(8)

Ваш ответ на вопрос