引导程序导航活动状态不工作
引导程序导航活动状态不工作
提问于 2016-04-13 13:06:00
大家好，我的引导导航需要帮助，当我点击其他链接时，焦点不会改变。链接发生变化，但焦点停留在主页链接上。
我已经看到许多帖子都有同样的问题，并尝试了所有可能的解决方案。我仍然不能理解为什么它不能工作。
下面是钢笔。
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>请帮帮我。
谢谢。
回答 2
Stack Overflow用户
发布于 2016-04-13 13:11:30
只要有问题，就打开inspect element。进入控制台，你会看到这个错误。
Uncaught Error: Bootstrap's JavaScript requires jQuery要使bootstrap JavaScript正常工作，您需要包含jQuery库。
Stack Overflow用户
发布于 2016-04-13 13:19:29
如other answer中所述，您需要设置活动状态。
$('.nav>li').click(function(){
$('.active').toggleClass("active");
$(this).toggleClass("active");
})http://codeply.com/go/m69a3wUly3
你的Codepen失败有两个原因：
在bootstrap.js
- you没有任何JS用于在导航栏
中设置active类之后包含
jquery
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36599343
复制相关文章
点击加载更多
相似问题
Ruby中的嵌套Hash遍历递归
ruby中的递归Hash变换函数
Hash方法get on ruby
Ruby LDAP to_hash方法
Ruby方法双Splat与Hash
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
