关闭 Fancybox 窗口

Question

当您单击一个按钮时，会打开带有表单的 fancybox，填写表单并单击发送按钮后，我希望此窗口自动关闭，并打开另一个窗口，并显示“消息已成功发送”文本几秒钟后，或者在窗口区域外按下时，它就会消失。$("form").submit(function() { //Change    var th = $(this);    $.ajax({        type: "POST",        url: "mail.php", //Change        data: th.serialize()    }).done(function() {        $('#alert-massage').fadeIn(500);        alert("Thank you!");        setTimeout(function() {            // Done Functions            th.trigger("reset");        }, 1000);    });    return false;});<div id="modal"><div class="modal__wrap">    <div class="modal__title">        Write me    </div>    <form >        <!-- Hidden Required Fields -->        <input type="hidden" name="project_name" value="kylun-Serg">        <input type="hidden" name="admin_email" value="[e-mail]">        <input type="hidden" name="form_subject" value="popup-form">        <!-- END Hidden Required Fields -->        <input type="text" placeholder="Username" name="Name"   required>        <input type="email" placeholder="Email" name = "E-mail"required>        <input type="phone" placeholder="Phone" name = "Phone">        <textarea placeholder="Massage" name="Massage"></textarea>        <button type="submit" class="btn">        Send        </button>    </form></div>

Answer 1

提交表单时，您可以触发一个函数

<button type="submit" onclick="myFunction()" class="btn">Send</button>

函数将隐藏模式并显示成功消息并重新加载当前页面。

function myFunction(){

document.getElementById("modal").style.display = "none";

alert('Form submitted successfuly.');

location.reload();

}