点击关闭Jquery弹出窗口

Question

我使用这个 jQuery 来显示我的弹出窗口：

//ResetPassword Popup display
$(document).ready(function () {
var passwordExpiredVal = $("#isPasswordExpired").html();
if (passwordExpiredVal == "True") {
    $("#ResetPasswordModal").modal({
        show: 'true'
        });
    };
});

我使用这个jQuery在“点击”时将新输入的密码传递给控制器动作。一旦“保存”按钮被点击，我希望弹出窗口关闭。

//Reset Password submit
$(document).ready(function () {
    $("#submitSave").on("click", function () {
        var confirmPassword = $("#txtLgnPasswordConfirmReset").val();
        var passwordReset = {
            UserName: $("#txtLgnUsername").val(),
            Password: $("#hdnOldPassword").val(),
            NewPassword: $("#txtLgnPasswordReset").val()
        }
        if (passwordReset.NewPassword != confirmPassword) {
        notifyMessage.showNotifyMessage('error', 'The passwords entered should match', false);
            $("#txtLgnPasswordReset").val("");
            $("#txtLgnPasswordConfirmReset").val("");
        }
        else {
            $.ajax({
                type: "POST",
                url: "/Account/PasswordReset",
                data: passwordReset,
                success: function () {
                    $("#ResetPasswordModal").modal({
                    show: 'false'
                    });
                },
                error: function () {
                    alert('failure');
                }
            });
        }
    });
});

我的jquery函数没有起到帮助作用...

success: function () {
                    $("#ResetPasswordModal").modal({
                    show: 'false'
                    });
                },

有什么想法吗？提前致谢...

- Uzair Khan

---

那个有效了...谢谢... - Uzair Khan

请检查下面的答案，如果有帮助，请标记它。 - Shaunak D

Answer 1

您正在使用的代码在该元素上不必要地重新初始化模态框。

请使用 modal('hide') : 文档，

success: function () {
    $('#ResetPasswordModal').modal('hide');
},

如果您希望再次使用它，'toggle' 将是更好的选择。

$('#ResetPasswordModal').modal('toggle')

- Shaunak D