引导导航栏无法在 Chrome 上运行答案

【问题标题】：Bootstrap navbar not working on Chrome引导导航栏无法在 Chrome 上运行
【发布时间】：2018-04-02 09:13:19
【问题描述】：

我正在使用这个主题制作一个网站：

但是有一个问题：导航栏在 Chrome 上不起作用。它看起来不错，但单击时不会带您到任何地方。它在 IE 上完美运行。你能帮帮我吗，这是哪里的问题？我认为几周前我下载主题时它起作用了。我没有对会影响导航栏的代码进行任何更改。

实时预览页面也有同样的问题：

【问题讨论】：

【解决方案1】：

这似乎与 jQuery 插件 localScroll 是一个非常旧版本（2014 年的 1.3.5，而不是当前版本的 2.0.0）有关：

从 plugins.js 中删除插件并将其替换为当前版本。这应该可以解决问题。

【讨论】：

【解决方案2】：

在 main.js 中更改：

$('#navbar-collapse')

到这里

$('.navbar-collapse')

它会有所帮助，移动设备上的菜单背景仍然存在问题。

【讨论】：

要在移动设备上保留背景菜单，应该更改它： var windowWidth = $(window).width(); if (windowWidth > 200)
这样就解决了问题。我不知道为什么它可以在其他浏览器中工作 - $('#navbar-collapse').find('a[href*=#]:not([href=#])').length 为零。

【解决方案3】：

在现场演示的 HTML 标头中：

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

使用 IE=edge, chrome=1 仍然有效，但 chrome 框架项目已结束（2014 年 1 月），因此对于尚未安装插件的浏览器来说是多余的。要通过 W3C 验证器，应该删除 chrome=1。这可能是一个原因。

【讨论】：