asp.net - Twitter bootstrap + asp.net masterpages，当用户选择它时如何将导航栏项目设置为事件？

Question

我们的情况与问题 Make Twitter Bootstrap navbar link active 相同，但在我们的例子中，我们使用的是 ASP.net 和 MasterPages...

问题是导航栏是在母版页上定义的，当您单击菜单项时，您将被重定向到相应的子页面，那么如何在不复制每个子页面中的逻辑的情况下连续更改导航栏事件项？ (最好没有 session 变量和仅在母版页上的 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>