1个模态可以跟随另一个使用Bootstrap 2吗?

时间:2014-12-10 22:36:04

标签: twitter-bootstrap bootstrap-modal twitter-bootstrap-2

引导程序v2.3.1是否可以在前一个模式窗口关闭后立即打开一个模态窗口?那就是:

  1. 用户点击按钮,第一个模态打开。
  2. 用户关闭模态和第二个模态打开。
  3. 我尝试使用第一个模态的隐藏事件来执行此操作,以便在该事件的回调中打开第二个模态。然而,第一个的黑暗透明背景仍然可见,第二个模态打开,但不能与黑暗透明背景下的相互作用。

    请参阅下图:

    enter image description here

    由于

    按OP编辑

    onHidden事件中的代码如下所示:

    changeTypeConfirmModal.on('hidden', function () {
        var modalFormOptions = {
            keyboard: true,
            backdrop: 'static',
            show: true,
        };
    
        modalForm.modal(modalFormOptions);  
    )};
    

1 个答案:

答案 0 :(得分:1)

http://jsfiddle.net/ud48dk5v/

使用:隐藏事件 - 当模态完成对用户的隐藏时将触发此事件(将等待css转换完成)​​

$('#myModal').on('hidden', function () {
    //shows the second modal window
    $('#myModal2').modal('show')
})