最终：AJAX / jQuery / PHP表单提交和成功打开的模式框

Question

感谢Samuel Liew和其他出色的帮手，此问题已得到解决。

由于将所有内容乱七八糟，并且在整体解决方案中没有得到充分说明，因此我致力于在自己的网站中进行说明。

我将DEMO留给您看，这就是您要寻找的东西，我将TUTORIAL留给您学习如何做。

教程： http ： //santz.com.ar/blog/ajax-form-submit-open-modal-box/

演示： http : //santz.com.ar/files/demos/ajax-form-submit-open-modal-box/

希望我能帮到您！ 感谢所有帮助我的人！

---

@Samuel Liew和其他伟大的助手。 该问题已解决。 我将把正确的代码留给以后需要的人使用。

案例： http ： //santz.net/index.contacto.html （不再可用）

这是一个问题：

目标：成功提交表单后，“网站”必须打开一个对话框/模式框/模式窗口。

问题：表单提交成功，但对话框/模式框/模式窗口没有打开（很少，如果再次单击，它确实会打开...）

[尝试一下，这就是我给您链接的原因。 没问题，该网站是我的，我收到了邮件]

希望您能帮我...这个想法很简单！ 用户提交表单后，会立即弹出一个对话框！

非常感谢！

Answer 1

在这种情况下，请将对话框功能移到提交功能之外：

$(function() {
    $('#popup-wrapper').modalPopLite({
        openButton: '#clicker',
        closeButton: '#close-btn'
    });
    $('#contact-form').submit(function() {
        $.ajax({
            type: "POST",
            url: $(this).attr('action'),
            data: $(this).serialize(),
            success: function() {
                $('#contact-form')[0].reset();
            }
        });
        return false;
    });
});