Twitter bootstrap 引导模式内的引导模式中断内部引导模式滚动

我有一个引导模式调用另一个引导模式

我的第一个模态是垂直可伸缩的。但是，当我打开第二个模式并再次关闭它时，它不再允许滚动第一个模式

我的第一个模态要大得多，所以它必须是开放的，而第二个模态在它上面

启动演示模式

×
申请表格2
模态中的一些文本

模态中的一些文本

模态中的一些文本

模态中的一些文本

模态中的一些文本

模态中的一些文本

模态中的一些文本

模态中的一些文本



接近
×
上传新头像
请选择要上载的文件。仅限JPG、PNG、GIF

文件输入
仅限5Mb以下的文件
取消
上传

---

这个问题已经被问过了，但没有有效的代码链接或有效的答案，这似乎是引导程序中的一个错误。 当您打开一个模态时，“模态打开”类将添加到主体中，当您关闭一个模态时，该类将被删除。 这个类使滚动模态成为可能

请使用此解决方法：

$('#btnUploadCancel').click(function(){
    $('#upload-avatar').modal('toggle');
    $('body').addClass('modal-open'); // This recovers the class 'modal-open'
});

---

也许太晚了，找到这个

---

只需绑定close事件并将“modal open”类添加到body。为我工作。

虽然这并不能解决您的问题：从用户的角度来看，我认为那些堆叠的模态相当烦人。我想这也是为什么他们似乎不受支持的原因。我认为最好将第二模态的功能合并到第一模态的范围内。如果这不是一个选项，请检查我知道这是一个迟到的答案。但是为了所有找到这个的人，这个几乎可以用…但不完全有效。在单击处理程序之后发生的事件中，将删除模式打开。相反，恢复关闭模式的hidden.bs.modal事件处理程序中打开的模式。

$('#btnUploadCancel').click(function(){
    $('#upload-avatar').modal('toggle');
    $('body').addClass('modal-open'); // This recovers the class 'modal-open'
});