引导程序下拉菜单中的链接a href不起作用

问题描述

这个问题似乎很古老，而且有很多关于它的话题。但目前没有任何解决方案对我有用。 我有一个带有用户名的标题 - 这是一个下拉菜单。在下拉列表中，我有一个拒绝工作的链接：

                   <div class="dropdown dib">
                        <div class="header-icon" data-toggle="dropdown">
                            <span class="user-avatar">{{ user }}
                                <i class="ti-angle-down f-s-10"></i>
                            </span>
                            <div class="drop-down dropdown-profile dropdown-menu dropdown-menu-right">
                                <div class="dropdown-content-body">
                                    <ul>
                                        <li>
                                            <a data-target="/accounts/logout/" href="/accounts/logout/">
                                                <i class="ti-power-off"></i>
                                                Logout
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

已导入以下脚本：

    <!-- jquery -->
    <script src="{% static 'assets/js/lib/jquery.min.js' %}"></script>
    <script src="{% static 'assets/js/lib/jquery.nanoscroller.min.js' %}"></script>
    <!-- nano scroller -->
    <script src="{% static 'assets/js/lib/menubar/sidebar.js' %}"></script>
    <script src="{% static 'assets/js/lib/preloader/pace.min.js' %}"></script>
    <!-- sidebar -->

    <script src="{% static 'assets/js/lib/bootstrap.bundle.min.js' %}"></script>
    <script src="{% static 'assets/js/scripts.js' %}"></script>

这是 2020 年的 bootstrap v4.3.1，bootstrap.bundle 应该包含 popper.js 这些静态导入与 django 相关，所以不要担心它们是正确的！

根据其他类似的帖子，在 href 上使用 data-target 属性应该可以解决无法运行的链接......但它没有。

我可能遗漏了什么？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）