Twitter Bootstrap Anchor没有点击

时间:2013-06-09 10:44:11

标签: html twitter-bootstrap

我正在使用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>

有人知道为什么会这样吗?现在,只填写了配置文件锚点和注销锚点,但它们都没有做任何事情。

1 个答案:

答案 0 :(得分:0)

我认为还有另一个图层与您的注销链接重叠。 你需要发布更多的HTML代码和CSS,每个人都可以调试这个