2012-10-01 110 views
0

升级到Bootstrap 2.1.1后,我遇到了下拉问题。Bootstrap 2.1.1下拉不能正常工作

我的网页上的第一个下拉菜单正常工作。点击时可以正确打开,然后在点击项目,下拉列表页面或页面时关闭。

但是,我的网页上的第二个和第三个下拉列表(我猜的是除第一个以外的任何下拉列表)无法正常工作。

单击项目,页面或页眉时,它们不会关闭。

我四处张望了一下,发现下面的代码片段,我没有需要之前:在单击时

$('.dropdown-toggle').dropdown(); 

当我包括这在我的代码,第二/第三下拉菜单做亲密页面或项目上。点击标题时它们仍然不起作用。

这些下拉菜单的HTML与第一个HTML的HTML完全相同。我找不到任何区别,也没有解释为什么只有第一个下拉菜单正常工作。

我已经把上的jsfiddle一些代码在这里:http://jsfiddle.net/3CysL/1/

+1

为什么所有下拉列表链接锚定到一个id?这是它不工作的原因。 –

回答

1

要链接的下拉与他们的父母,下拉容器触发。
这是打破你的触发器,所以更改:

href="#media" -> href="#" 
href="#tools" -> href="#" 
href="#language" -> href="#"