决赛：AJAX / jQuery的/ PHP表单提交和模态对话框上的成功开放(Final: AJAX

由于萨穆埃尔Liew和其他伟大的帮手，这一问题已得到修复。

由于把这里的一切是一个烂摊子，和它在整体解决方案解释不好，我dediced做出解释在我自己的网站。

我离开DEMO给你看，如果这就是你要找的内容，和我离开教程让你学习如何做到这一点。

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

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

希望我帮助你！ 感谢所有帮助过我的人！

---

@Samuel与Liew，和其他伟大的帮手。 这一问题已得到修复。 我将离开corected代码需要这个未来的家伙。

案例： http://santz.net/index.contacto.html （不再提供）

这是问题：

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

问题：形式成功提交，但该对话框/模盒/模态窗口没有打开（很少，如果您再点击一下它打开...）

[试试吧，这就是为什么我给你的链接。 有没有问题，该网站是我的，我收到消息]

我希望你能帮助我...这个想法是很简单的！ 当用户提交表单时，一个对话框popsup瞬间！

非常感谢！

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;
    });
});

文章来源: Final: AJAX/jQuery/PHP Form submission and modal box open on success