加载页面时，Bootstrap菜单打开

Question

我在我的网站上实现了Bootstrap下拉菜单，问题是当我加载页面时，然后弹出默认雕像下拉菜单。我正在努力解决当页面加载为默认时如何隐藏此下拉菜单。

这是HTML结构：

<a href="#" class="dropdown-toggle" data-toggle="dropdown">Sign in</a>
<div class="login_window dropdown-menu">
  ...
</div>

因此，当我加载页面时，会显示窗口。当我点击某处，然后隐藏。当我点击它时，将再次显示。没关系。

但我正在尝试在加载页面时隐藏窗口。如何实现？

由于

Answer 1

在默认css中为要隐藏的类添加display:none ...然后在jquery中

$("body").click(function(){
   $('.divclass').css('display','block'); /*or $('.divclass').toggle() */
})

Answer 2

我的猜测是你的HTML结构错了。你看过bootstrap上的例子了吗？ http://getbootstrap.com/components/#dropdowns

你需要一个永远不会隐藏的可点击元素（按钮，div，span - 等等）。单击该元素时，它会激活兄弟或子元素的可见性以显示菜单项。尝试使用示例中的代码，只需将<li>值替换为菜单项。这应该有助于您理解所需的表格。

无需自行切换可见性。