Twitter的bootstrap asp.net主页,如何在用户选择时将navbar项设

发布时间：2020-12-18 00:19:16 所属栏目：安全来源：网络整理

导读：我们与问题 Make Twitter Bootstrap navbar link active处于同样的情况,但在我们的例子中,我们使用ASP.net和MasterPages … 事情是navbar是在masterpage中定义的,当你单击一个menuitem时,你被重定向到相应的子页面,那么你如何在没有复制每个子页面中的逻辑的

我们与问题 Make Twitter Bootstrap navbar link active处于同样的情况,但在我们的例子中,我们使用ASP.net和MasterPages …

事情是navbar是在masterpage中定义的,当你单击一个menuitem时,你被重定向到相应的子页面,那么你如何在没有复制每个子页面中的逻辑的情况下更改navbar活动项目？ (最好没有会话变量和仅在母版页面上使用javascript)

解决方法

我们在主页上使用以下功能解决了它：

<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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!