下拉菜单不掉

Question

为什么报告下拉菜单不起作用。 user.username 的一个下拉菜单可以正常工作吗？

    {% if user.is_authenticated %}
        <ul class="navbar-nav ml-auto">
            <li class="nav-item">
                <a style="color: white;" class="nav-link dropdown-toggle" href="#" id="userMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    {{ user.username }}
                </a>
                <div class="dropdown-menu dropdown-menu-right">

                    <button class="btn dropdown-item" href="{% url 'password_reset' %}">Forgot Password?</button>
                    <div class="dropdown-divider"></div>

                    <div class="btn-group ">
                    <a class="btn dropdown-toggle" href=#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Reports</a>

                            <div class="dropdown-menu dropdown-menu-right">
                                <button class="dropdown-item" href="{% url 'option2020:export' %}">Template</button>
                                <button class="dropdown-item" href="#">Full Reports</button>
                            </div>

                    </div>  

                    <div class="dropdown-divider"></div>
                    <button class="dropdown-item" href="{% url 'logout' %}">Log out</button>
                </div>
            </li>
        </ul>
        {% else %}

Answer 1

在第 11 行的href=#" 处缺少"，应为href="#"。

<a class="btn dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Reports</a>