Question

我有一个模态，其中包含指向另一个模态的链接。当我打开第二个模态并关闭第一个模态时，我无法滚动第二个模态，只有背景内容滚动。任何人都可以帮我解决这个问题吗？我正在使用bootstrap 3.3.7

Answer 1

尝试使用Modal Events以确保您的模态不会重叠。在这种情况下，您必须在第一个模态之后打开第二个模态，如下所示：

$('#first-modal').on('hidden.bs.modal', function(event) {
    // Open your second one in here
});

如果.button是那些关闭第一个模态以打开第二个模式的东西的选择器，那么你应该有这样的东西

$('#first-modal').on('click', '.button', function() {
    // [...] Whatever you need to do after pushing one of those buttons
    $('#first-modal').on('hidden.bs.modal', function(event) {
        // Open your second one in here
        $('#first-modal').off('hidden.bs.modal');
        // This will remove ANY event attached to 'hidden.bs.modal' label
    }).modal('hide');
});

如果您想使用第一个清洁器示例，oyu应该能够从它所在的event object进行测试（如果它不是您的按钮，event.preventDefault();并退出）

Bootstrap模态开关无法滚动后一个模态

1 个答案: