Javascript在引导navbar中不起作用

我正在使用引导navbar，我不确定为什么我的javascript无法在下面工作：

<script type="text/javascript">
$(".nav a").on("click", function () {
    $(".nav").find(".active").removeClass("active");
    $(this).parent().addClass("active");
});
</script>

$（“.nav a”）。在（“单击”，函数（）{
$（.nav”）.find（.active”）.removeClass（“active”）；
$（this.parent（）.addClass（“活动”）；
});

我的布局中包括以下内容：

<!-- jQuery -->
@Scripts.Render("~/bundles/jquery");
<!-- Bootstrap Core JavaScript -->
@Scripts.Render("~/bundles/bootstrap");

@Scripts.Render（“~/bundles/jquery”）；
@Scripts.Render（“~/bundles/bootstrap”）；

这是我的部分代码有问题，请告知谢谢

               <nav class="navbar navbar-default">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <a class="navbar-brand" href="#">Reports</a>
                    </div>
                    <div>
                        <ul class="nav navbar-nav">
                            <li class="active"><a href="#">Home</a></li>
                            <li><a href="#">Weekly Tickets</a></li>
                            <li><a href="#">Yearly Tickets</a></li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Status <span class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li><a href="@Url.Action("ViewChartsByYearMonth", "Charts")">Per Month</a></li>
                                    <li><a href="@Url.Action("ViewCharts", "Charts")">Per Year</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Severity<span class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">Per Month</a></li>
                                    <li><a href="#">Per Year</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>

尝试将其包装在jQuery Document ready中

$(document).ready(function() {
  $(".nav a").on("click", function () {
    $(".nav").find(".active").removeClass("active");
    $(this).parent().addClass("active");
  });
});

更好地使用：（“ul.nav”）.find（“li.active”）.removeClass（“active”）

..最好将控制台日志放入调试中，但确保jQuery也不会与其他Javascript框架冲突

---

还要检查jQuery是否指向正确的URL…

不工作是什么意思？请检查控制台是否有错误导航栏活动状态不工作。它不会改变。每当我包含另一个源代码时，javascript都会工作，但是导航栏的下拉功能不工作。如果有错误，请检查控制台