Twitter Bootstrap 下拉菜单中的链接不起作用答案

【问题标题】：Links inside Twitter Bootstrap Dropdown menu won't workTwitter Bootstrap 下拉菜单中的链接不起作用
【发布时间】：2014-05-28 05:59:05
【问题描述】：

我已经获取了一个基于 Twitter Bootstrap 的管理模板。我目前正在设计下拉菜单。似乎菜单内的链接不起作用（其作用是关闭菜单）。代码如下：

<ul class="nav navbar-nav navbar-right navbar-user">
    <!-- others links -->
    <?php $auth = Zend_Auth::getInstance(); ?>
    <?php if($auth->hasIdentity()):?>
        <li class="dropdown user-dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> <?php echo $auth->getIdentity()->user_name.' '.$auth->getIdentity()->user_lastname;?><b class="caret"></b></a>
            <ul class="dropdown-menu" role="menu">
                <li><a href="http://www.google.com/"><i class="fa fa-user"></i> Profil</a></li>
                <li><a href="http://www.google.com/"><i class="fa fa-envelope"></i> Messages <span class="badge">7</span></a></li>
                <li><a href="abo/public/"><i class="fa fa-gear"></i> Paramètres</a></li>
                <li class="divider"></li>
                <li><a href="<?php echo $this->url(array(), 'logout');?>"><i class="fa fa-power-off"></i> Déconnexion</a></li>
            </ul>
        </li>
    <?php else: ?>
        <li class="dropdown user-dropdown"><a href="#"><i class="fa fa-user"></i> Veuillez vous connecter</a></li>
    <?php endif;?>
</ul>

这段代码有什么问题？

【问题讨论】：

您在<ul> 标签之外有一个<li> 标签？这有效吗？
在哪里？如果您谈论的是第一个 <li>，它们是更大的 <ul> 的一部分，此问题未显示。无论如何我都会编辑我的帖子。

标签： html twitter-bootstrap drop-down-menu href

【解决方案1】：

在互联网上的快速搜索告诉我这是来自 Bootstrap 的错误。这是我的解决方法：

$('li.dropdown ul').find('a').on('click', function() {
    window.location = $(this).attr('href');
});

【讨论】：