Question

感谢Samuel Liew和其他伟大的帮助者，这个问题已得到解决。

将所有内容放在这里是一团糟，在整体解决方案中解释得很差，我专门在我自己的网站上做出解释。

我离开了DEMO，看看你是否正在寻找，我离开了TUTORIAL，让你学习如何做到这一点。

指南：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和其他伟大的帮助者。问题已被修复。我将为未来需要此功能的人留下核心代码。

案例： 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;
    });
});

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

1 个答案: