Twitter Bootstrap下拉菜单中的链接无法正常工作

时间:2014-04-14 10:06:05

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

我已经根据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>

此代码有什么问题?

1 个答案:

答案 0 :(得分:2)

通过互联网进行的快速搜索显示,这是Bootstrap的一个错误。 这是我的解决方法:

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