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

Question

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

由于把所有东西放在这里都是一团糟，而且在整体解决方案中解释得很差，我特意在自己的网站上做一个解释。

我将演示留给您看是否是您正在寻找的内容，并将教程留给您学习如何执行此操作。

教程：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;
    });
});