Question

我正在使用 bootstrap 并且有一个一个模式，我希望链接到另一个模式。我似乎无法解决这个问题，目前我正在使用modal.close()和.modal('show')，但这不起作用。

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

Answer 1

使用：

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

请参阅：http://getbootstrap.com/javascript/#modals

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

Answer 2

我尝试了以上所有答案，但似乎没有一个最终适合我，我写了这个。这将隐藏屏幕上的所有活动模态，并显示唯一单击的模态

print(df2)

    0  1  2  3  4  5 category
 0  1  2  3  0  0  0      bar
 1  4  5  6  0  0  0      foo

Answer 3

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

它隐藏了所有未定位的模态。

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

关闭一个模态并用一个按钮打开一个新模态

3 个答案: