下拉菜单不起作用 Django

Posted 2023-02-24

【中文标题】下拉菜单不起作用 Django

【英文标题】：Dropdown not working Django

【发布时间】：2017-06-12 14:48:58

【问题描述】：

我第二次使用 Django，我正在尝试为我可以在其他页面中导入的标头创建一个基本 html 文件。问题是下拉部分似乎不起作用。我在我的代码中找不到问题。可能是。这是我的代码。

<nav class="navbar navbar-inverse navbar-static-top example-8">
<div class="container">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar8">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand text-hide" href="#">Brand Text
        </a>
    </div>
    <div id="navbar8" class="navbar-collapse collapse">
        <ul class="nav navbar-nav navbar-right">
            <li class="active"><a href="#">Home</a></li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown
                    <span class="caret"></span></a>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li class="divider"></li>
                    <li class="dropdown-header">Nav header</li>
                    <li><a href="#">Separated link</a></li>
                    <li><a href="#">One more separated link</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <!--/.nav-collapse -->
</div>
<!--/.container-fluid -->

【参考方案1】：

这个问题曾经发生在我身上。 解决方案是：

我在两个页面（即文件）中都包含了引导程序 CDN s，因此它无法正常工作。 检查你是否在做同样的事情。尝试仅在不在头包含文件中的主页上使用 cdn 。 希望这会有所帮助！

【讨论】：

是的，我记得，但它仍然没有工作。谢谢你的提示

【参考方案2】：

仅当您将引导 javascript 文件导入 HTML 时，引导下拉菜单才有效，您的示例不显示任何导入。

类似：

<script src="path/to/boostrap.min.js"></script>

【讨论】：

我试过了，但它似乎仍然不起作用。谢谢你的建议。

path/to/ 的提示真的很有帮助！显然，遇到同样的问题，我导入的 min.js 不是从我之前导入的同一版本的 Bootstrap 中导入的。所以，path/to/ 确实有助于解决这个问题。