Question

来自Bootstrap Responsive的崩溃btn的“显示”事件未在第一次正确触发而未将高度设置为“自动”。它在第一次展开后每次都有效，但绝不是第一次。

<div class="navbar navbar-inverse navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
      <a id="collapse-btn" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>
      <a class="brand" href="#">&nbsp;</a>
      <div class="nav-collapse">
        <ul class="nav pull-right" id="user-dropdown">
          <li>
            <form class="navbar-search" action="">
              <input type="text" class="search-query span3" placeholder="Search">
            </form>
          </li>
          <li class=""><a href="#"><i class="icon-list icon-white"></i> Categories</a></li>
          <li class=""><a href="#"><i class="icon-upload icon-white"></i> Upload</a></li>
          <li class="dropdown" id="dropdown-click-user">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-user icon-white"></i> Username <b class="caret"></b></a>
            <ul class="dropdown-menu" id="dropdown-menu-user">
              <li><a href="#">Action</a></li>
              <li><a href="#">Another action</a></li>
            </ul>
          </li>
        </ul>
      </div><!-- /.nav-collapse -->
    </div><!-- /.container -->
  </div><!-- /.navbar-inner -->
</div><!-- /.navbar -->

请参阅http://jsfiddle.net/PKDmn/

检查步骤：

确保屏幕宽度足够小以查看折叠图标。
单击折叠图标（右上角）
点击用户名下拉列表（不会第一次展开）
关闭折叠菜单（右上角）
打开折叠菜单（右上角）
点击用户名下拉列表（应该可以在此处工作）

我需要它第一次和其他所有人一起工作。想法？

谢谢，添

Bootstrap崩溃“显示”事件第一次无法正常工作

0 个答案: