引导3导航栏折叠按钮不工作

我在导航栏中做了一些修改,但现在切换按钮在单击时没有响应。
下面是我的代码。我错在哪里??


代码:

<车身>
<div class=“导航栏包装器”>
<div class=“container”>
<div class=“导航栏导航栏默认导航栏静态顶部”role=“navigation”>
<div class=“container”>
<div class=“导航栏标题”>
<button type=“button”class=“navbar toggle”data toggle=“collapse”data target=“.navbar collapse”>
<span class=“仅限sr”>切换导航&lt/span>
<span class=“图标栏”&gt&lt/span>
<span class=“图标栏”&gt&lt/span>
&lt/按钮>
<a class=“navbar品牌”href=”https://stackoverflow.com/questions/20719607/index.html“>奥索克&lt/a>
&lt/部门>
<div class=“折叠导航栏折叠”>
<导航栏&ul class=“导航栏”>
<按钮id=“loginbutton”type=“button”class=“btn btn primary narbar btn”&gt&书信电报;i class=“glyphicon glyphicon登录”&gt&lt/i>登录&lt/按钮>
<按钮类型=“按钮”类=“btn btn成功导航栏btn”&gt&书信电报;i class=“glyphicon glyphicon link”&gt&lt/i&gt&书信电报;a href=”https://stackoverflow.com/questions/20719607/register.jsp“>创建帐户&lt/a&gt&lt/按钮>
&lt/ul>
&lt/部门>
&lt/部门>
&lt/部门>
&lt/部门>
&lt/部门>

我也有类似的问题。检查了html好几次,确定它是正确的。然后我开始玩弄jquery和引导javascript的顺序

最初我在jquery.min.js之前加载bootstrap.min.js。在此状态下,单击菜单图标时,菜单不会展开

然后我改变了顺序,使bootstrap.min.js位于jquery.min.js之后,这就解决了问题。我对javascript了解不够,无法解释为什么会出现这个问题(或修复了它),但这正是我所需要的

其他信息:

这两个脚本都位于页面底部,就在标记之前。
这两个脚本都托管在CDN上,而不是本地托管

如果您非常确定您的代码是正确的,请尝试一下

发表评论