我使用的是 bootstrap-collapse.js v2.3.0,但由于某种原因,在第一次单击时菜单只出现并且不会向下滑动。
我还注意到高度不是说 auto
,而是说 205px
。我没有在 CSS 中的任何地方将菜单设置为此高度。
第一次点击后,当我将其切换为关闭时,一切看起来都很完美,高度在 0 和自动之间切换,并且有一个平滑的过渡,而不是立即出现。
我不确定要包含什么代码,因为它似乎是 Bootstrap 切换的问题, 然而这里是html ... 我删除了无关紧要的代码..
<div class="navbar">
<div class="navbar-inner">
<a data-target=".nav-collapse" data-toggle="collapse" class="brand visible-phone">
Categories
</a>
<a data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="nav-collapse">
<ul class="nav">
<li> //more code </li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">//more code<<b class="caret"></b></a>
<ul class="dropdown-menu" >
<li>//code</li>
<ul>
<li>//code</li>
</ul>
</ul>
</li>
<li>//code</li>
但是这里有一个指向该站点的链接...
最佳答案
请检查这个 jsfiddle JSfiddle for you with navigation
<div class="navbar">
<div class="navbar-inner">
<a data-toggle="collapse" data-target=".nav-collapse" class="btn btn-navbar">
<i class="icon-bar"></i>
</a>
<a class="brand" href="">New Icon Menu</a>
<div class="nav-collapse">
<ul class="nav nav-pills pull-right">
<li><a href=""><i class="icon-home icon-2x"></i> Home<br></a>
</li>
<li><a href=""><i class=" icon-pencil icon-2x"></i>About Us</a>
</li>
<li><a href=""><i class=" icon-briefcase icon-2x"></i>Portfolio</a>
</li>
<li><a href=""><i class=" icon-envelope icon-2x"></i>Contact Us</a>
</li>
</ul>
</div>
</div>
关于javascript - Bootstrap 菜单切换第一次单击无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14936419/