【问题标题】:Bootstrap Dropdown Not Working in Chrome and FirefoxBootstrap 下拉菜单在 Chrome 和 Firefox 中不起作用
【发布时间】:2017-08-10 03:27:45
【问题描述】:

我对 Bootstrap 下拉菜单有疑问。几周前它在所有浏览器中打开都没有问题,现在我在 Firefox 和 Chrome 中测试了它,它们似乎不再工作了。它仅适用于 Internet Explorer 和手机。 这是包含它的代码:

echo '
<ul class="nav navbar-nav navbar-right">
    <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-menu-hamburger"></span> Menu <span class="caret"></span></a>
        <ul class="dropdown-menu">
            <li><a href="profile.php?id=' . $_SESSION["unique"] . '"><span class="glyphicon glyphicon-user"></span> Profile</a></li>
            <li class="' . $class4 . '"><a href="about.php" target="_blank"><span class="glyphicon glyphicon-info-sign"></span> About</a></li>
            <li><a href="logout.php"><span class="glyphicon glyphicon-log-out"></span> Sign out</a></li>
        </ul>
    </li>
</ul>';

我知道该错误可能不在上面发布的代码中,但这很奇怪。代码应该没有错误。除了这个,它在某些浏览器中也能正常工作。

浏览器可以打开其他下拉菜单,是的,我尝试更新它们。

这里是网站(当然是在建设中): http://logicwebschool.com

您只需注册并登录即可查看菜单,但我为此创建了一个帐户:

电子邮件:no@email.com

用户名:stackoverflow

密码:123456

感谢您抽出宝贵时间帮助我:)

【问题讨论】:

  • 我登录并查看了应用程序,在浏览器的网络工具的页面上,我观察到bootstrap.min.js没有被加载,你可以尝试&lt;script src="scriptfile.js"&gt;&lt;/script&gt;而不是&lt;script data-rocketsrc="scriptfile.js"&gt;&lt;/script&gt;跨度>
  • 哦...我忘了告诉你我使用 CloudFlare 并且我选择了 Code Minify 选项或类似的东西。我确实使用&lt;script src="name.js"&gt;&lt;/script&gt; - 它们来自 Bootstrap CDN,但正在被 CF 缩小。

标签: javascript php jquery css twitter-bootstrap


【解决方案1】:

不再需要回应。 Cloudflare Rocket Loader 是问题所在,我禁用了它,现在一切正常:D

【讨论】:

  • &lt;script data-rocketsrc="scriptfile.js"&gt;&lt;/script&gt; 问题对吗???
  • 是的,但它不是我写的,它是 Cloudflare 自动过程的一部分。为了使火箭装载机正常工作,他们还有一些其他要求。所以我暂时禁用了它。
  • 请将其作为答案发布并接受以关闭问题
  • 我明天可以做。这就是自我回答的问题。 :(你需要等两天。
猜你喜欢
  • 2011-08-05
  • 2013-01-21
  • 1970-01-01
  • 1970-01-01
  • 2012-03-20
  • 1970-01-01
  • 2021-12-19
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多