Question

我有一个bs提交模式表单，其打开方式如下：

<button type="button" class="btn btn-info" data-toggle="modal" 
data-target="#contact_dialog">Contact</button>

ajax触发器

$(document).ready(function () {
    $("#contact_form").on("submit", function(e) {
        var postData = $(this).serializeArray();
        var formURL = $(this).attr("action");
        $.ajax({
            url: formURL,
            type: "POST",
            data: postData,
            success: function(data, textStatus, jqXHR) {
                $('#contact_dialog .modal-header .modal-title').html("Result");
                $('#contact_dialog .modal-body').html(data);
                $("#submitForm").remove();
            },
            error: function(jqXHR, status, error) {
                console.log(status + ": " + error);
            }
        });
        e.preventDefault();
    });

    $("#submitForm").on('click', function() {
        $("#contact_form").submit();
    });
});

在bs模态表单提交后，“ success：function”的3行显示一个bs模态“成功”

问题在于，在“关闭”成功的bs.modal窗口后，我再次单击“联系”按钮，它将显示带有“成功”消息的“成功”模式，而不是#contact_dialog主模式。

似乎应该以某种方式重置指针，如果我重新加载页面，它可以正常工作，但我认为这不是解决方案。

我尝试了十个重置示例，例如：

$('#contact_dialog').on('hidden.bs.modal', function () {
    $(this).remove();
});

没有用，有什么主意吗？

提交模态表单后，ajax“提交成功”模态窗口不会重置

0 个答案: