jQuery坏了？ Bootstrap 在 BOOTSTRAP 站点上无法正常工作，仅使用开发机器访问

Question

在 Bootstarp 站点上发现下拉示例不起作用。我以为 BS 网站坏了 - 它不是。它就在这台机器上。我很担心，因为我尝试将一些 jQuery 一起破解时可能会出现误报（我不是熟练的程序员。）

The dropdown site. I presume it works for everyone else.

这就是我点击任何东西之前的样子。

我在另一台机器上把它累坏了，它工作得很好。

能想到的我都试过了：
我已重新启动但未启动 Xampp、
我清除了机会，
我试过 Edge 中的网站。

我强调它只在这台 Windows 10 台机器上。

非常感谢您的想法。我非常困惑，担心我在 jQuery 中的一些 "damn it won't work" 时刻可能是假阴性。

提供我的第一个赏金，因为我做了很多 jQuery，但我常常不明白结果。

Answer 1

这里没有Bug。他们所做的完全没问题。他们为他们网站的这一部分实现了 # 事件，我猜他们已经覆盖了默认实现。它在我的作品中运行良好。复制示例并自己查看：

检查这个。直接从 bootstrap 站点复制： https://jsbin.com/lopohemahu/edit?html,output

    <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

  <div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>
</body>
</html>

Answer 2

正如我在评论中所说，页面上的其他下拉示例工作正常。

关于这个有一个特定的 CSS 规则：

.bs-example>.dropdown>.dropdown-menu {
    position: static;
    display: block;
    margin-bottom: 5px;
    clear: left;
}

这使它保持打开状态。如果禁用 display: block，下拉菜单将正常工作。

我想他们这样做是为了举例，但我不太明白其中的意义。反正不用担心，整个bootstrap都没有坏掉

话虽这么说，但我不知道为什么在您的 other 计算机上不是这样。也许他们使用的是旧的缓存版本？

jQuery坏了？ Bootstrap 在 BOOTSTRAP 站点上无法正常工作，仅使用开发机器访问

jQuery broken? Bootstrap not working properly ON BOOTSTRAP SITE visiting with development machine only

javascript

jquery

windows

twitter-bootstrap-3

inference