Bootstrap 导航栏切换按钮不起作用

Question

我知道关于这个主题还有其他一些帖子，并且我检查了许多建议的解决方案，但我无法准确理解我应该如何修改代码。 我已经尝试了很多次，但在 HTML 和 JS 上都失败了。

 <div class="mainmenu-area"> <div class="container"> <div class="row"> <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> <span class="icon-bar"></span> </button> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="index.html">Home</a></li> <li><a href="Product1.html">Products</a></li> <li><a href="Categories.html">Categories</a></li> <li><a href="Contact.html">Contact us</a></li> </ul> </div> </div> </div> </div>

有趣的是，切换按钮似乎在本地工作，但在线托管时却不行。 你能告诉我如何解决吗？

米歇尔

Answer 1

你的问题是你不能从 https 到 http。 您需要将 bootsrap.js 链接更改为 https

从

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

至

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>