Javascript 引导导航活动状态不工作

大家好，需要帮助当我点击其他链接时，我的引导导航焦点没有改变。链接会发生变化，但焦点仍停留在主链接上

我看到很多帖子都有同样的问题，并尝试了所有可能的解决方案。我仍然无法理解为什么它不起作用

下面是钢笔

我的头看起来像这样：

<meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Welcome</title>
    <link href="css/resets.css" rel="stylesheet" type="text/css"/>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="css/main.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js"></script>

欢迎

请帮帮我

---

谢谢。

任何时候出现问题，请打开inspect element。转到控制台，您将看到此错误

Uncaught Error: Bootstrap's JavaScript requires jQuery

您需要包含jQuery库，引导JavaScript才能工作。

如中所述，您需要设置活动状态

$('.nav>li').click(function(){
    $('.active').toggleClass("active");
    $(this).toggleClass("active");
})

您的代码笔失败有两个原因：

jquery

包含在

bootstrap.js

您没有任何JS可以在导航栏中设置

active

类

---

既然你已经尝试了很多事情，你能详细说明你试图帮助我们帮助你什么吗？不知道你的意思。活动状态不是通过单击链接创建的。它是通过在链接中设置“active”类创建的。@EoghanTadhg不是这里的问题，请参阅我的答案。@EoghanTadhg我尝试了这个答案，但没有结果我们的代码笔示例工作正常。那么问题出在哪里呢？请回答我的问题。但是我在bootstrap.min.js上面包含了jquery。我试图查看我的控制台，但它没有显示任何内容。@Sakib将您的代码笔修改为包含jQuery，以便我们可以看到您看到的内容。在js文件中添加上述代码后，它现在可以在我的笔上正常工作。但当我运行项目时，它不能与我的项目一起工作。我使用的是VS 2013，是否存在IDE问题？请仔细检查控制台是否存在错误。如果我们不能重现这个问题，那就很难知道了。