Javascript 无法将活动类设置为主下拉菜单

index.cshtml

<div class="container">
    <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav" style="margin-left:-27px">
            <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">PAGE1</a>
                <ul class="dropdown-menu">
                    <li>@Html.ActionLink("TEST1", "Index", "TEST1")</li>
                    <li>@Html.ActionLink("TEST2", "Index", "TEST2")</li>
                </ul>
            </li>
            <li>@Html.ActionLink("PAGE2", "Index", "PAGE2")</li>
        </ul>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function() {
        $('ul.nav.navbar-nav').find('a[href="' + location.pathname + '"]')
            .closest('li').addClass('active');
    });
</script>

@ActionLink（“TEST1”、“Index”、“TEST1”）
@ActionLink（“TEST2”、“Index”、“TEST2”）


@ActionLink（“第2页”、“索引”、“第2页”）

$（文档）.ready（函数（）{
$（'ul.nav.navbar nav'）.find（'a[href=“”+location.pathname+'”））
.最近的（'li'）。addClass（'active'）；
});

---

脚本对于简单的

li

来说工作得很好，但对于

哪里是'ul.nav.navbar nav'元素，脚本工作得很好？更新了问题中的所有html代码，请检查每句话没有明显错误。可能与此处的
和
location.pathname
不匹配。将“location.pathname”的值和呈现的锚标记放在此处实际上，当我单击
PAGE1
菜单时，它没有执行脚本：（这就是问题所在，当我在子菜单
TEST1
中单击时，它正在调用脚本和
位置。路径名
/TEST1
但是我如何使主菜单处于活动状态？ul.nav.navbar nav元素在哪里？更新了问题中的所有html代码，请检查每个选项是否有明显错误。可能没有匹配的b/w
元素。）ref
和
location.pathname
。将“location.pathname”的值和呈现的锚定标记放在此处实际上，当我单击
第1页
菜单时，它没有执行脚本：（这就是问题所在，当我在子菜单
TEST1
中单击时，它正在调用脚本和
位置。路径名
/TEST1
但是我如何使主菜单处于活动状态？ul.nav.navbar nav元素在哪里？更新了问题中的所有html代码，请检查每个选项是否有明显错误。可能没有匹配的b/w
元素。）ref
和
location.pathname
。将“location.pathname”的值和呈现的锚定标记放在此处实际上，当我单击
第1页
菜单时，它没有执行脚本：（这就是问题所在，当我在子菜单
TEST1
中单击时，它正在调用脚本和
location。路径名
/TEST1
但是如何使主菜单处于活动状态？