javascript - asp.net 应用程序事件类中的 Twitter Bootstrap 导航？

Question

我在 asp.net 应用程序中使用 Twitter bootstrap，下面是我的导航栏代码:

        <div class="navbar">
          <div class="navbar-inner">
            <div class="container">
                <a class="brand" href="../">MyApp</a>
                <ul class="nav">
                    <li class="active"><a href="../">Home</a></li>
                    <li><a href="../About.aspx">About us</a></li>
                    <li><a href="../ContactUs.aspx">Contact us</a></li>
                </ul>
            </div>
          </div>
        </div>

每次我在链接到菜单项的页面上时，我都想更改事件菜单项。我该怎么做？

Answer 1

使用 JavaScript，您可以使用以下代码获取当前路径:

var currentPath = window.location.pathname;

并将事件类添加到当前项目，如下所示:

$(".menu a[href='" + currentPath + "']").parent().addClass("active");