关闭一个弹窗并用一个按钮打开一个新的弹窗

Question

我正在使用Bootstrap，有一个模态框，我想在上面放一个链接到另一个模态框。我无法弄清楚这个问题，目前我正在使用modal.close()和.modal('show')，但是这并不起作用。

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

- user3902803

---

你能提供你的问题的JSFiddle吗？ - Devendra Soni

Answer 1

用途：

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

请参见：http://getbootstrap.com/javascript/#modals 示例：http://jsfiddle.net/5qCm9/

- meni181818

---

非常感谢。如果这是一个愚蠢的问题，我很抱歉。 - user3902803

Answer 2

我尝试了上面所有的答案，但似乎都不适用于我的情况。最终，我写了以下代码。这将隐藏屏幕上任何活动的模态框，并显示只点击的模态框。

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

- Ady

Answer 3

我曾遇到类似的问题，并通过通用jQuery解决了它。

它只是隐藏了所有未被选中的模态框。

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

- Marko