Jquery下拉菜单垂直

时间:2012-07-30 21:00:26

标签: javascript jquery css twitter-bootstrap

我想用twitter bootstrap做一个垂直的下拉菜单。我的下拉链接是同一个CSS类。但是当我选择一个时,两个下拉链接会滑动。

感谢您的帮助。

<ul class="nav nav-list">
 <li class="nav-header"><a href="">Ac</a></li>
 <li class="nav-header main"><a href="">Pla</a>
  <ul>
    <li class="nav-subheader"><a href="">Qua</a></li>
    <li class="nav-subheader"><a href="">Qua1</a></li>
    <li class="nav-subheader"><a href="">Qua2</a></li>
 </ul></li>

<li class="nav-header main"><a href="">Proj</a>
 <ul>
   <li class="nav-subheader"><a href="#/1">Sou</a></li>
   <li class="nav-subheader"><a href="#/2">Sou1</a></li>
   <li class="nav-subheader"><a href="#/3">Sou2</a></li>
   <li class="nav-subheader"><a href="#/4">Sou3</a></li>
 </ul></li>

  <li class="nav-header"><a href="">Cen</a></li>
  <li class="nav-header"><a href="">Mes</a></li>
 </ul>

1 个答案:

答案 0 :(得分:0)

您缺少一些关键类和信息。

看到我创建的jFiddle: http://jsfiddle.net/KhCrm/

确保你已经包含了相关的JS / CSS(实现这项工作所需的唯一2个是dropdown.js和bootstrap.css。