我试图从这个site运行一个模态。我有Bootstrap 4.6.2到位,并没有得到任何错误的页面上。但是,当我尝试运行以下模态代码时,什么也没有发生:
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#testing">
Launch demo modal
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="testing" 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>
它在Bootstrap网站上工作,但在此页面上不工作。我看不出有什么会阻止它正常工作。我希望能得到一些帮助来解决这个问题。
1条答案
按热度按时间kadbb4591#
data-target不需要匹配modal id吗?
你的数据目标应该说#exampleModal