jquery - Bootstrap 下拉菜单不起作用？

Question

以下下拉菜单不起作用:

http://jsfiddle.net/xws2j/

<li id="fat-menu" class="dropdown open">
                  <a href="#" id="drop3" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown 3 <b class="caret"></b></a>
                  <ul class="dropdown-menu" role="menu" aria-labelledby="drop3">
                    <li><a tabindex="-1" href="#">Action</a></li>
                    <li><a tabindex="-1" href="#">Another action</a></li>
                    <li><a tabindex="-1" href="#">Something else here</a></li>
                    <li class="divider"></li>
                    <li><a tabindex="-1" href="#">Separated link</a></li>
                  </ul>
                </li>

它激活了，但看起来像是隐藏在什么东西后面。但我不确定是什么。有人可以帮忙吗？

Answer 1

我修改了你的CSS。

http://jsfiddle.net/xws2j/4/

这是语法导致此问题的原因。见下文。

 .collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  overflow: visible \9;
  -webkit-transition: height 0.35s ease;
     -moz-transition: height 0.35s ease;
       -o-transition: height 0.35s ease;
          transition: height 0.35s ease;
}

注意:

 overflow: hidden;
 overflow: visible \9;

更正为:

  .collapse {
  position: relative;
  height: 0;
  overflow: visible;
  -webkit-transition: height 0.35s ease;
     -moz-transition: height 0.35s ease;
       -o-transition: height 0.35s ease;
          transition: height 0.35s ease;
}