ASP.net和Bootstrap中的MasterPage更改活动页面

时间:2017-04-26 08:49:43

标签: jquery css asp.net twitter-bootstrap

我在asp.net

中有一个母版页
<ul class="nav navbar-nav navbar-right">
  <li class="active"><a href="Default.aspx">Home</a></li>
  <li><a href="store.aspx">Store</a></li>
  <li><a href="about_us.aspx">About Us</a></li>
</ul>

我正在使用bootstrap来设置它的样式,但是当我点击例如应该突出显示的商店时,我希望页面突出显示。但由于我的active仅在default.aspx,因此它只突出显示 有没有办法解决这个问题。

1 个答案:

答案 0 :(得分:3)

这样做

jquery的:

$(document).ready(function () {
                    var url = window.location;
                    $('.navbar .nav').find('.active').removeClass('active');
                    $('.navbar .nav li a').each(function () {
                        if (this.href == url) {
                            $(this).parent().addClass('active');
                        }
                    });
                });