关闭一个模态，然后用一个按钮打开一个新的模态

close one modal and open a new modal with one button

本文关键字：一个 模态 按钮 然后      更新时间：2023-09-26

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

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

use:

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

见:http://getbootstrap.com/javascript/情态动词

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

我尝试了上面所有的答案，他们似乎都没有在我的情况下工作，最后，我写了这个。这将隐藏屏幕上任何活动的模态，并显示唯一被点击的模态

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

我有一个类似的问题，并解决它与一个通用的jQuery解决方案。

它只是隐藏所有非目标的模态。

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