一键关闭一个模态并打开一个新模态答案

【问题标题】：close one modal and open a new modal with one button一键关闭一个模态并打开一个新模态
【发布时间】：2014-08-02 20:11:28
【问题描述】：

我正在使用 bootstrap 并且有一个 one 模态，我希望有一个链接到 another 模态。我似乎无法弄清楚这一点，目前我正在使用modal.close()和.modal('show')，但这不起作用。

$('a#to3heart').click(function(){
    $('#portfolioModal2').modal({onShow: function (dialog) {
        $.modal.close()
        $('#portfolioModal1').modal('show'); 
            return false;
        }
    });
});

【问题讨论】：

你能提供你的问题的 jsfiddle 吗？

标签： javascript jquery twitter-bootstrap modal-dialog

【解决方案1】：

使用：

$("#modal1").modal('hide');
$("#modal2").modal('show');

见：http://getbootstrap.com/javascript/#modals

演示：http://jsfiddle.net/5qCm9/

【讨论】：

非常感谢。如果这是一个愚蠢的问题，对不起

【解决方案2】：

我尝试了所有以上发布的答案，最终它们似乎都不适用于我的情况，我写了这个。这将隐藏屏幕上的所有活动模态并显示唯一单击的模态

$('[data-toggle="modal"]').on('click', function() { 
    
        $('.modal').not($(this).data('target')).modal('hide');
   
});

【讨论】：

【解决方案3】：

我遇到了类似的问题，并使用通用 jQuery 解决方案解决了它。

它只是隐藏了所有没有被定位的模态。

$('button[data-target]').click(function () {
    $('.modal').not($(this).data('target')).modal('hide');
});

【讨论】：