Jquery 导航栏引导中的活动状态不工作_Jquery_Html_Twitter Bootstrap_Navbar

Jquery 导航栏引导中的活动状态不工作

jquery html twitter-bootstrap

Jquery 导航栏引导中的活动状态不工作,jquery,html,twitter-bootstrap,navbar,Jquery,Html,Twitter Bootstrap,Navbar,这是我的navbar.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../../static/js/jquery.js"></script> <script src="../../static/js/navb

这是我的navbar.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../static/js/jquery.js"></script>
    <script src="../../static/js/navbar.js"></script>
</head>
<body>
    <nav class="navbar navbar-default">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">MyFlaskApp</a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
          <ul class="nav nav-pills navbar-left">
            <li role="presentation" class="active"><a href="/">Home</a></li>
            <li role="presentation"><a href="/about">About</a></li>
            <li role="presentation"><a href="articles">Articles</a></li>
          </ul>

          <ul class="nav nav-pills pull-right">
            {% if session.logged_in %}
              <li role="presentation"><a href="/dashboard">Dashboard</a></li>
              <li role="presentation"><a href="logout">Logout</a></li>
            {% else %}
              <li role="presentation"><a href="showSignUp">Register</a></li>
              <li role="presentation"><a href="showSignIn">Login</a></li>
            {% endif %}

          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>
</body>
</html>

我试着输入了密码，它开始工作了。这正是我想要的。但在我的应用程序中，当我切换页面时，它不起作用。它仍然在主屏幕上显示active（活动）

以下是我的文件的外观：

也许我没有正确导入navbar.js？

navbar.js中的代码没问题，也许jQuery在您的项目中不在本地工作？

试着把你的脚本放在标签前面。

在layout.html中的bootstrap.css？在哪里？我在layout.htmlies中有“”和navbar.html！！你是对的！这一切我都是新手。我必须检查头部脚本和身体脚本之间的差异。非常感谢你！事实上，我可以看到它如何在文章中变为活动状态，然后立即在主页中变为活动状态。。

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