bootstrap-4 - 从另一个模态 (B) 打开一个模态 (A) 但当我单击 (B) 的关闭按钮时不打开它

Question

我有一个模态（A）我希望当我单击该模态的一个特殊按钮时，一个模态（B）正在打开。

我写了这段代码：

$("#signUpLink").click(function() {
        $("#signIn").modal("hide");

        $('#signIn').on('hidden.bs.modal', function () {
            $('#signUp').modal('show')
        });
    });

问题是在第一次单击$("#signUpLink")if $("#signIn")become hide then 之后$('#signUp').modal('show')正在执行。

如何使用.off()jQuery 方法停止事件监听hidden.bs.modal？

标签： bootstrap-4

Answer 1

我找到了解决方案：

function showModal(){

    $('#signUp').modal('show')

}



$("#signUpLink").click(function() {

    $("#signIn").modal("hide");

    $('#signIn').on('hidden.bs.modal', showModal);


});

$("#signInClose").click(function(){
    $('#signIn').off('hidden.bs.modal', showModal);

})