ASP.NET Изменение активного класса в теге привязки группы списка - PullRequest
Новая
       11

ASP.NET Изменение активного класса в теге привязки группы списка

0 голосов
/ 16 декабря 2018

У меня есть MasterPage в приложении веб-форм ASP.NET, где я разработал макет.Здесь это 

<div class="container">
                <div class="row">
                    <div class="col-md-3">
                        <div class="list-group ">
                            <a href="UserProfile.aspx" id="dashboard" class="list-group-item list-group-item-action active">Dashboard</a>
                            <a href="AddEmployeeFather.aspx" class="list-group-item list-group-item-action">Add Employee Father</a>
                            <a href="#" class="list-group-item list-group-item-action">Search User</a>
                            <a href="#" class="list-group-item list-group-item-action">Print Information</a>
                            <a href="#" class="list-group-item list-group-item-action">Change Password</a>
                            <a href="#" class="list-group-item list-group-item-action">Logout</a>
                        </div>
                    </div>
                    <div class="col-md-9">
                        <asp:ContentPlaceHolder ID="MainContentPlaceHolder" runat="server">
                        </asp:ContentPlaceHolder>
                    </div>
                </div>
            </div>

При загрузке UserProfile.aspx имеет активный класс, который выделен.Теперь я хочу, чтобы, если я нажму на AddEmployeeFather.aspx, этот элемент списка стал активным.это мой код jqyery 

        $(document).ready(function () {
                var url = window.location;
                $('.list-group .list-group-item').find('.active').removeClass('active');
                $('.list-group .list-group-item a').each(function () {
                    if (this.href == url) {
                        $(this).parent().addClass('active');
                    }
                });
            });

Я не знаю, в чем проблема.пожалуйста помоги.Заранее спасибо

1 Ответ

0 голосов
/ 16 декабря 2018

window.location - это объект.Используйте window.location.href.

Тогда вы можете найти ссылку с тем же URL-адресом и установить активный класс по ссылке 

$(document).ready(function () {
    var url = window.location.href;
    $('a.list-group-item').each(function () {
        if (this.href == url) {
            $(this).addClass('active');
            return false; // exit the loop
        }
    });
});
...