Twitter bootstrap 启动下拉列表在项目单击时未关闭
根据下面的HTML,我在nav ul元素中有一个引导(版本2.3.2)下拉列表。当我在IE中单击下拉列表中的一个项目时,下拉列表关闭-这似乎是正确的行为-这当然是我想要的。在Firefox、Chrome和Safari中,下拉列表不会关闭Twitter bootstrap 启动下拉列表在项目单击时未关闭,twitter-bootstrap,drop-down-menu,Twitter Bootstrap,Drop Down Menu,根据下面的HTML,我在nav ul元素中有一个引导(版本2.3.2)下拉列表。当我在IE中单击下拉列表中的一个项目时,下拉列表关闭-这似乎是正确的行为-这当然是我想要的。在Firefox、Chrome和Safari中,下拉列表不会关闭 <nav class="navbar navbar-fixed-top"> <div class="navbar-inner"> <a class="brand" href="/">
<nav class="navbar navbar-fixed-top">
<div class="navbar-inner">
<a class="brand" href="/">
<span class="title">Doc Assembler</span>
</a>
<div class="loader pull-left" data-bind="css: { active: showLoader }">
<i class ="icon-spinner icon-2x icon-spin" ></i>
</div>
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="nav-collapse collapse">
<ul class="nav" data-bind="foreach: navRoutes">
<li><a data-bind="css: { active: isActive() }, attr: { href: hash }, text: name"></a></li>
</ul>
<ul class="nav">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
<i class="icon-cogs"/> Admin<b class="caret"></b>
</a>
<ul class="dropdown-menu pull-right">
<!-- ko foreach: adminRoutes -->
<li><a data-bind="attr: { href: hash }, html: caption"></a>
<!-- /ko -->
</ul>
</li>
<li><a data-bind="click: logOff" href="#"><i class="icon-signout"/> Log Off</a></li>
</ul>
</div>
</div>
</nav>
我知道在早期版本的bootstrap中存在一些问题,但是我在当前版本中没有找到任何详细说明类似问题的内容。我正在使用Durandal中的路由器插件。我通过在router.js中的completeNavigation方法中添加以下代码行修复了此问题:
$('li[class="dropdown open"]').removeClass('open');
$('li[class="dropdown open"]').removeClass('open');