javascript - Bootstrap 导航栏切换按钮不起作用
问题描述
我知道关于这个主题还有其他一些帖子,并且我检查了许多建议的解决方案,但我无法准确理解我应该如何修改代码。我已经尝试了很多次,但在 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>
有趣的是,切换按钮似乎在本地工作,但在线托管时却不行。你能告诉我如何解决吗?
米歇尔
解决方案
您的问题是您无法从 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>
推荐阅读
- javascript - 找不到“AppModule”的 NgModule 元数据中的错误。和 webpack:编译失败
- tfs - TF401262:长文本字段 System.Description 的值超过了允许的最大长度 1048576
- xml - 如何根据 linq 中的条件从特定 Xelement 中获取值
- android - 如何以编程方式获取 Linux 应用程序组名称?
- activecollab - 发布到 /projects/:id/time-records 时出现 404 错误并显示空消息
- html - 如何使用 ng-class 为 HTML 标签添加 ID(选择器)
- python - 在 python 中从两个具有 X 和 Y 值的 CSV 文件创建单个 CSV
- python - 如何在nodejs中自动启动和停止python脚本?
- python-3.x - Apache Tika 服务器问题,无法读取 PDF 文件
- swift - 导入到 XCode 的 Collada (.dae) 文件显示没有纹理