Twitter bootstrap + asp.net主页,如何在用户选择导航栏项时将其设置为活动状态？

Question

我们处于相同的情况,因为问题使Twitter Bootstrap导航栏链接处于活动状态,但在我们的情况下,我们正在使用ASP.net和MasterPages ......

问题是导航栏在主页面上定义,当您单击菜单项时,您将被重定向到相应的子页面,那么如何在不重复每个子页面中的逻辑的情况下,如何更改导航栏活动项目？(最好只在主页面上没有会话变量和javascript)

Answer 1

我们在Master Page上使用以下功能解决了这个问题:

 <script type="text/javascript">
        $(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');
                }
            });
        });
    </script>