javascript - Bootstrap 导航事件状态不起作用

标签 javascript jquery css twitter-bootstrap

<分区>

您好,人们需要帮助,当我点击其他链接时,我的 Bootstrap 导航焦点没有改变。链接发生变化,但焦点仍位于主页链接上。

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

下面是笔。

http://codepen.io/iamsakib/pen/wGmWEe?editors=1000

我的头是这样的:

<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 库才能使 bootstrap JavaScript 正常工作。

关于javascript - Bootstrap 导航事件状态不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36599343/

上一篇:html - 后台没有设置

下一篇:html - 解释我们如何仅使用一个父类遍历所有单独的 li?

相关文章:

html - 使用css3在图像周围环绕文字

css - 布局 : "2 columns into max-width+centered wrapper" with stretching option

jquery - 无法让点击代码上的 jquery 工作

影响 $.each 循环的 Javascript 动态数组

javascript - 如何将 Tradingview js 注入(inject) React Typescript 渲染函数?

javascript - RegisterStartupScript 不再在 asp.net 中工作

javascript - 函数jquery中的函数

jquery - 背景颜色向下滑动

html - 仅带波纹动画 CSS 的戒指

javascript - Angular 错误 : [$injector:unpr] while adding ui. Bootstrap