【发布时间】:2021-05-10 07:55:47
【问题描述】:
所以我想在我的项目中使用引导模式,我遵循了关于模式的官方引导文档,为了测试它,我只需将代码复制并粘贴到我的刀片。不知何故,在我按下按钮后,模式没有出现。我非常肯定地遵循了文档。
我意识到这也发生在下拉功能上
谁能帮我解决这个问题?
模态
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
Launch demo modal
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
下拉菜单:
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown button
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
【问题讨论】:
-
首先,始终将您的代码添加到问题中。根据我的经验,检查所需的文件/库。在 html 的头部应该有 bootstrap.css。然后是 JS 文件:首先是 jquery,然后是 bootstrap.js
-
很抱歉之前没有包含代码,因为我只是复制和粘贴,什么都不做,所以我认为不包含代码可能没问题。对不起人
-
页面中肯定包含javascript吗?