css - Bootstrap 下拉菜单不起作用但用于

Question

我有一个带下拉菜单的 Bootstrap 菜单。它曾经有效，但发生了一些事情。我点击它但没有任何反应。

<ul class="nav navbar-nav navbar-right">
    <li class="{% if this.page.id == 'home' %}active{% endif %}"><a href="{{ 'home'|page }}">Főoldal</a></li>
    {% if user %}
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">{{ user.name }}<span class="caret"></span></a>
        <ul class="dropdown-menu" role="menu">
            <li><a href="{{ 'new-post'|page}}">New post</a>
            </li>
            <li class="divider"></li>
            <li><a data-request="onLogout" data-request-data="redirect: '/good-bye'">Logout</a>
            </li>
        </ul>
    </li>
    {% else %}
    <li class=""><a href="{{ 'auth'|page }}">Login</a></li>
    {% endif %}
</ul>

在底部:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="{{ 'assets/js/bootstrap.min.js'|theme }}"></script>

更新:检查了原始示例，但仍然无法正常工作，因此问题出在 js 部分。但是 JS 在那里。

Answer 1

你错过了一个</ul>在 {% endif %} 之后 见http://jsfiddle.net/26vpc9o3/1/

 <ul class="nav navbar-nav navbar-right">
     <li class="{% if this.page.id == 'home' %}active{% endif %}"><a href="{{ 'home'|page }}">Főoldal</a></li>
{% if user %}
    <li class="dropdown">
     <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">{{ user.name }}<span class="caret"></span></a>
    <ul class="dropdown-menu" role="menu">      
        <li><a href="{{ 'new-post'|page}}">New post</a></li>
        <li class="divider"></li>
        <li><a data-request="onLogout" data-request-data="redirect: '/good-bye'">Logout</a></li>
    </ul>
    </li>
    {% else %}
    <li class=""><a href="{{ 'auth'|page }}">Login</a></li> 
    {% endif %}
    </ul>