Question

我的网站使用Bootstrap Dropdown（包括下拉子菜单）和Collapse元素。

一般来说这很好用。但有时访问网站时，浏览器中的元素不会打开。

单击下拉列表或折叠时，会加载

＃在浏览器中下拉列表
#collapseTwo for collapse。

我不确定为什么会这样。首先我包含jquery.js，然后我包含bootstrap.js。我认为在js完成加载之前点击太快会发生这个问题。

有人有想法吗？

Answer 1

你可能没有加载Javascript。

Bootstrap javascript加载在页面底部。解释了这种方法的专业和缺点here。简而言之，在加载Javascript之前，页面是可见的。通常，这仅适用于非常的短暂时刻。

下面sunilkjt建议的一个简单的解决方案是移动 javascript链接到你的标题。

<head>
    ... title, meta, css etc.
    <script src="js/jquery-1.10.2.js"></script>
    <script src="js/bootstrap.min.js"></script>
</head>

这样他们肯定会在用户看到页面时加载。如果由于某种原因不合需要，更复杂的方法包括disabling page access with a modal until all Javascript has loaded（and other methods）。

Answer 2

您是否尝试删除Dropdown元素上的href =“＃”？

<li class="dropdown">
  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
      <ul class="dropdown-menu">
        <li><a href="#">Action</a></li>
      </ul>
    </li>

Bootstrap 3 Elements有时不起作用。浏览器加载＃

2 个答案: