2017-10-21 193 views
1

我用这个主题做一个网站:引导导航栏不工作在Chrome

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

但有一个问题:导航栏无法在Chrome工作。它看起来不错,但点击时不会带你到任何地方。它在IE上完美运行。你能帮助我吗?这个问题在哪里?我认为它在几周前下载主题时起作用。我没有对会影响导航栏的代码做任何改变。

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

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

+1

请给我们一些代码。 – Goran

+0

@Goran他确实给出了包含完整代码的网站^^这是他的问题,他不知道问题来自何处 –

+0

@IslamElshobokshy oops,我的坏。 – Goran

回答

0

在现场演示HTML头:

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

它仍然有效使用IE =边缘,镀铬= 1但铬框架项目已经停止(2014年1月),因此对于尚未安装插件的浏览器而言,这是多余的。要通过W3C验证程序,应删除chrome = 1。这可能是一个原因。

+0

发布前你有没有尝试过你的答案?这不起作用。 –

+0

尝试从代码中删除** chrome = 1 **,但它没有帮助。清除我的浏览器缓存也仍然无法正常工作 – Sieni

+0

这不提供问题的答案。一旦你有足够的[声誉](https://stackoverflow.com/help/whats-reputation),你将可以[对任何帖子发表评论](https://stackoverflow.com/help/privileges/comment);相反,[提供不需要提问者澄清的答案](https://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-c​​an- I-DO-代替)。 - [发表评论](/ review/low-quality-posts/17691942) –

1

main.js更改此:

$('#navbar-collapse')

这个

$('.navbar-collapse')

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

+0

在移动设备上保留后台菜单,应该更改:\t var windowWidth = $(window).width(); if(windowWidth> 200) –

+0

这就解决了这个问题。我不知道为什么它可以在其他浏览器中工作 - '$('#navbar-collapse')。find('a [href * =#]:not([href =#])').length'为零。 – connexo