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

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

不支持多个打开模式

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