我正在使用twitter bootstrap中的下拉菜单创建一个导航栏。由于某种原因,下拉列表内的锚点无法正常工作。 这是我的导航代码:
<ul class="nav pull-right">
{{ navigation:links group="header" }}
{{ if user:logged_in }}
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">{{user:first_name}} <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="{{url:base}}profile/{{user:id}}"><i class="icon-user"></i>Profiel</a></li>
<li><a href="#"><i class="icon-inbox"></i>Berichten</a></li>
<li><a href="#"><i class="icon-cog"></i>Instellingen</a></li>
<li class="divider"></li>
<li><a href="{{url:site uri='users/logout'}}" tabindex="-1">Logout</a></li>
</ul>
</li>
{{ if user:group == "admin" }}
<li style="position:relative">
<a href="{{url:base}}admin"><i class="icon-wrench icon-white"></i></a>
<!--
<a href="{{url:base}}admin">
<img src="{{url:base}}assets/img/gear.png" style="width:20px; height:20px; margin-bottom:4px;" />
</a>
-->
</li>
{{ endif }}
{{else}}
<li><a class="login-link" data-role="button" data-toggle="modal" href="#login">Login</a></li>
{{ endif }}
</ul>
有人知道为什么会这样吗?现在,只填写了配置文件锚点和注销锚点,但它们都没有做任何事情。
答案 0 :(得分:0)
我认为还有另一个图层与您的注销链接重叠。 你需要发布更多的HTML代码和CSS,每个人都可以调试这个