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

来自

[DataMember(Order = N)]

到

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

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

1 个答案: