Question

我在twitter-bootstrap中有2个模态

<body>
<!--very long scrollable content in body-->

长高的第一个模态：

<div class="modal fade in" id="adminsetting" data-modal-index="1" tabindex="1" >...</div>

<div class="modal fade in" id="adminsetting2" data-modal-index="2" tabindex="2" >...</div>


</body>

当我在身体部分调用第一个模态时，模态显示。我可以滚动模态。

再次，当我在第一个模态（没有隐藏第一个模态）中调用第二个模态时，第二个模态显示并且我可以滚动它。

show modals时一切正常。

但是当隐藏第二个模态并返回第一个模态时。我无法滚动第一个模态。（而不是身体部分将滚动）

如何解决这个问题？

Answer 1

我发现更多动态代码试试这个

将此代码粘贴到jQuery ready函数

        $('.modal').on('hidden.bs.modal', function () {
            if(($(".modal").data('bs.modal') || {}).isShown){
                $('body').addClass('modal-open');
            }             
        })

在模态twiiter-bootstrap中滚动

1 个答案: