Question

请帮助，我找不到问题。我真的不明白为什么我的第一个模态在我关闭第二个模态后卡住了。我有一个按钮，打开一个“登录”模式，在该模态内有一个链接“条件”，这也打开另一个模态，所以基本上是一个模态内的模态。我的登录模式有一个很长的内容，我可以滚动它，在我关闭条件模态后，我现在无法滚动我的登录模式，除非我将关闭该模态并再次打开。

<div class="modal fade" id="login-signup-modal">
    <div class="modal-dialog modal-dialog-sm">
        <div class="modal-content">
            <div class="modal-header pad-bottom0">
                .......
            </div>
            <div class="modal-body">
                <p>I agree to blahblah <a data-toggle="modal" href="#terms_and_condition">Terms and Condition</a></p>
            </div>
            <div class="modal-footer">
                ......
            </div>
        </div>
    </div>
</div>

<div id="terms_and_condition" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Terms and Condition</h4>
            </div>
            <div class="modal-body">
                THE COMPANY
                <p>BLahblahblah</p>
            </div>
            <div class="modal-footer">
                <div class="pull-right">
                <a href="#" class="btn btn-primary" data-dismiss="modal">Close</a>
            </div>
        </div>
    </div>
</div>

Answer 1

https://getbootstrap.com/docs/3.3/javascript/#modals

不支持多个开放模式

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

第一个模态在第二个模态关闭后卡住

1 个答案: