升级到Bootstrap 2.1.1后,我的下拉列表出现问题。
我页面上的第一个下拉列表工作正常。单击时打开正确,然后单击项目,下拉标题或页面时关闭。
然而,我页面上的第二次和第三次下拉(我猜测除了第一次以外的任何下拉列表)都无法正常工作。
点击某个项目,页面或标题时,它们不会关闭。
我环顾四周,找到了以下我不需要的片段:
$('.dropdown-toggle').dropdown();
当我在我的代码中包含它时,第二个/第三个下拉列表会在单击页面或项目时关闭。单击标题时它们仍无法正常工作。
这些下拉列表的HTML与第一个下拉列表的HTML完全相同。我找不到任何差异,也没有解释为什么只有第一个下拉列表正常工作。
我在JSfiddle上放了一些代码:http://jsfiddle.net/3CysL/1/
答案 0 :(得分:1)
您正在将下拉触发器与其父级即下拉容器相关联 这会打破你的触发器,所以改变:
href="#media" -> href="#"
href="#tools" -> href="#"
href="#language" -> href="#"