Question

我做了一个自举模式 - 它工作正常。但是当我想在我的网站中的其他地方使用模态时，它会覆盖另一个模态。

我需要更改哪部分代码？我是否必须为每个模态添加数千个额外代码到javascript，或者我可以制作组代码吗？

谢谢！

我补充说：

$('#clickme').click(function(e) {
$('#showModal').modal('show');


<script>
    function showModal(){
        $("#showModal").modal("show");
     }
</script>

和

<div class="modal fade" id="showModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button class="close" data-dismiss="modal">&times;</button> 
                <h4 class="modal-title">Sign me up!</h4>
            </div>
        </div>
    </div>
</div>

Answer 1

不要试图这样做。 Bootstrap的模态不是为了支持它而设计的。它自己的文件说

请确保不打开模态，而另一个模态仍然可见。一次显示多个模态需要自定义代码。

应该说“很多自定义代码”。例如，BS模态使用body元素上的一个类，它在关闭时被删除。因此，关闭第二个模态也会隐藏第一个模态。然后，您需要特殊代码来检测先前打开的模态并恢复正文中的类。它比它的价值要麻烦得多。

相反，对于第二个模态使用“穷人的模态”，只是在某个地方弹出一个绝对定位的div。你不需要覆盖屏幕的覆盖层，因为它已经存在于第一个模态中。

页面中的多个引导模式

1 个答案: