Bootstrap导航栏无法在Chrome上运行

时间:2017-10-21 09:43:37

标签: html css twitter-bootstrap google-chrome navbar

我正在使用这个主题创建一个网站:

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

但是有一个问题:导航栏无法在Chrome上运行。它看起来不错,但点击时不会带你到任何地方。它在IE上完美运行。你能帮助我吗,问题出在哪里?几周前,当我下载主题时,我觉得它很有效。我没有对影响导航栏的代码进行任何更改。

实时预览页面存在同样的问题:

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

3 个答案:

答案 0 :(得分:1)

main.js 中更改此内容:

$('#navbar-collapse')

到这个

$('.navbar-collapse')

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

答案 1 :(得分:0)

在实时演示HTML标题中:

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

使用IE = edge,chrome = 1 仍然有效,但Chrome框架项目已经耗尽(2014年1月),因此对于不喜欢浏览器的浏览器来说这是多余的。已经安装了插件。要通过W3C验证程序,应删除 chrome = 1 。这可能是一个原因。

答案 2 :(得分:0)

这似乎与jQuery插件localScroll是一个非常旧版本(2014年为1.3.5,而不是2.0.0是当前版本)有关:

https://github.com/flesler/jquery.localScroll/issues/38

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