bootstrap菜单切换第一次单击无法正常工作

时间:2013-02-18 12:33:41

标签: javascript css twitter-bootstrap responsive-design

我正在使用bootstrap-collapse.js v2.3.0,但出于某种原因,在第一次点击时,菜单刚出现并且没有向下滑动。 我也注意到身高并没有说auto,而是205px。我没有在CSS中的任何位置将菜单设置为此高度。 第一次点击后,当我切换它关闭时,一切看起来都很完美,高度在0和auto之间切换,并且平滑过渡而不是立即出现。

我不确定要包含哪些代码,因为它似乎是问题的引导切换, 不过这里是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>

但是这里有一个指向该网站的链接......

http://bc_mobile.hailstormcommerce.com/

1 个答案:

答案 0 :(得分:0)

Plz检查这个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>