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

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

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

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

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

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

【问题讨论】:

  • 请给我们一些代码。
  • @Goran 他确实提供了包含完整代码的网站 ^^ 那是他的问题,他不知道问题出在哪里
  • @IslamElshobokshy 哎呀,我的错。
  • 我们从什么时候开始在 Stack Overflow 上考虑外部代码? @IslamElshobokshy
  • 已确认:也不适用于 Chrome/Mac 和 Opera/Mac。可以在 Safari/Mac 和 Firefox/Mac 上运行。

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


【解决方案1】:

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

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

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

【讨论】:

    【解决方案2】:

    ma​​in.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。这可能是一个原因。

    【讨论】:

    • 您在发布之前尝试过您的答案吗?这不起作用。
    • 尝试从代码中删除 chrome=1 但没有帮助。也清除了我的浏览器缓存,但仍然无法正常工作
    猜你喜欢
    • 1970-01-01
    • 2018-10-07
    • 1970-01-01
    • 2013-09-19
    • 2015-04-30
    • 2016-08-15
    • 1970-01-01
    • 2014-03-10
    • 1970-01-01
    相关资源
    最近更新 更多