Bootstrap 导航栏在 Chrome 上不起作用，在其他任何地方都可以使用答案

【问题标题】：Bootstrap navbar not working on Chrome, works everywhere elseBootstrap 导航栏在 Chrome 上不起作用，在其他任何地方都可以使用
【发布时间】：2018-04-02 22:55:51
【问题描述】：

我正在使用这个主题制作一个网站（您可以在此处查看代码）：

https://bootstrapthemes.co/item/jwood-photography-portfolio-html-landing-page-template/

但是有一个问题：导航栏在 Chrome 上不起作用。它看起来不错，但单击时不会带您到任何地方。它在 IE 上完美运行。

您能帮帮我吗，这是哪里的问题？我认为几周前我下载主题时它起作用了。我没有对会影响导航栏的代码进行任何更改。清除浏览器缓存没有帮助。

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

https://bootstrapthemes.co/demo/html/one-page-portfolio-landing-page/

【问题讨论】：

您的似乎可以在 Chrome 上运行，但不能在实时预览页面上运行...
Chrome 有什么功能？实时预览页面或从页面下载的代码对我不起作用
糟糕，抱歉，我认为 Bootstrap 主题是您的网站。

标签： jquery html css twitter-bootstrap google-chrome

【解决方案1】：

这可能与this 问题有关。

我也没有在 main.js 文件中找到任何 ID 为 navbar-collapse 的选择器。

事件绑定到$('#navbar-collapse') 而不是$('.navbar-collapse')

通过更改选择器，它将在 chrome 中工作。

【讨论】：