gpt4 book ai didi

jquery - bootstrap 3 导航栏折叠按钮不起作用

转载 作者:技术小花猫 更新时间:2023-10-29 11:46:27 25 4
gpt4 key购买 nike

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


代码:

  <body>
<div class="navbar-wrapper">
<div class="container">

<div class="navbar navbar-default navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="./index.html">ossoc</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<button id="loginbutton" type="button" class="btn btn-primary narbar-btn"><i class="glyphicon glyphicon-log-in"></i>Login</button>
<button type="button" class="btn btn-success navbar-btn"><i class="glyphicon glyphicon-link"></i><a href="./register.jsp">Create account</a></button>
</ul>
</div>
</div>
</div>

</div>
</div>

最佳答案

我遇到了类似的问题。多次查看 html 并确定它是正确的。然后我开始研究 jquery 和 bootstrap javascript 的顺序。

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

然后我改变了顺序,让 bootstrap.min.js 排在 jquery.min.js 之后,这就解决了问题。我对 javascript 了解不够,无法解释为什么会导致问题(或解决问题),但这对我有用。

附加信息:

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

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

关于jquery - bootstrap 3 导航栏折叠按钮不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20719607/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com