Question

我用这个jquery来显示我的弹出窗口，

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

我使用此jquery将新键入的密码传递给控制器操作ON CLICK，单击保存按钮后我想要弹出窗口关闭

//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'
                    });
                },

任何想法？提前谢谢......

Answer 1

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

使用modal('hide')： Docs ，

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

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

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

单击Jquery关闭弹出窗口

1 个答案: