关闭打开的模态后如何打开新的模态

Question

我正在使用 bootstrap 3.2.0。 我有一个带有 3 个按钮的模态场景。每个按钮都会打开一个新的独特模式。但我想要这样，如果我点击 3 个按钮中的任何一个，打开的模式（带有 3 个按钮的那个）应该关闭并打开新的模式。不是模态优于模态。

Answer 1

使用 BS 模态事件：hidden.bs.modal 并使用 jQuery 的 one() 处理它：

[编辑]（@cvrebert 在对答案的评论中提出建议）

// 'next-modal' is one of three buttons inside first modal:
$('.next-modal').click(function () {
    // hide current modal and when it's hidden, open another:
    $('#myModal').one('hidden.bs.modal', function (e) {
        $('#nextModal').modal('show');
    }).modal('hide');
});

DEMO