我们与问题
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>