我有两个模态，它们根据我单击的按钮触发
第一个是这样触发的：
<a id="de_details" data-toggle="modal" data-target=".show-de-banks"> </a>它是这样建造的
<div class="modal fade show-de-banks" tabindex="-1" role="dialog">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
bla bla
<div class="modal-body">
bla bla
</div>
<div class="modal-footer">
bla bla
</div>
</div>
</div>
</div>第二个是使用按钮调用的：
<button class="btn btn-warning" data-toggle="modal" data-target=".open-dialog">Open dialog with IT-Team</button>它的构造方式是一样的：
<div class="modal fade open-dialog" tabindex="-1" role="dialog">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
dsfgdfg
</div>
<div class="modal-body">
sdgfsdgsd
</div>
<div class="modal-footer">
sdfds
</div>
</div>
</div>
</div>当我打开第一个的时候，我没有问题。
但是当我想打开第二个的时候，它一出现就消失了。
我知道：
- 我必须只包含一个js引导文件
- 我的脚本必须在最后（为了页面快速加载）
我错过什么了吗？
2条答案
按热度按时间jum4pzuy1#
如Ubiquitous Developers Bootstrap模态问题的评论所述（无法显示第二个模态），您应将按钮
type指定为buttondb2dz4w82#
这是一个老问题，但我有同样的问题，并发现了这个。
在第一个模态中，类为
modal-header的div没有关闭--缺少一个</div>。这意味着第二个模态将在某种程度上位于第一个模态内部，这会导致问题。
我是通过查看Chrome F12工具的元素选项卡发现这个问题的，它很好地显示了这样的问题。