在 ASP.NET MVC 网站中使用引导导航栏

Question

我想在我的新 ASP.Net MVC 项目中使用 Bootstrap，你知道 Navbar 的结构是这样的：

<div class="navbar">
  <div class="navbar-inner">
    <a class="brand" href="#">Title</a>
    <ul class="nav">
      <li class="active"><a href="#">Home</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
    </ul>
  </div>
</div>  

如您所见，活动 Url 具有 active 类。 我想知道如何感知活动 url 并获取活动类？

我将 MVC 3 与 Razor 一起使用。

Answer 1

我假设您的意思是要设置活动项目？ （当你说“让它活跃起来”时）

在另一个几乎相同的question 上查看答案，它可以完成这项工作（尽管不是最优化的代码）。

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

Answer 2

您可以使用 JQuery 来执行此操作：

$(document).ready(function(){ 
  alert( $('.nav').children('.active').html() );
}