html - Links inside Twitter Bootstrap Dropdown menu won't work -
i have fetched admin template based on twitter bootstrap. i'm designing dropdown menu. seems links inside menu don't work (its effect close menu). here code:
<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>
what wrong code?
a quick search on internet showed me bug bootstrap. here workaround :
$('li.dropdown ul').find('a').on('click', function() { window.location = $(this).attr('href'); });
Comments
Post a Comment