0

感谢 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 (不再可用)

这是问题所在:

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

问题:表单提交成功,但对话框/模态框/模态窗口未打开(很少,如果您再次单击它会打开...)

[试试看,这就是我给你链接的原因。没问题,网站是我的,我收到消息]

我希望你能帮助我......这个想法很简单!当用户提交表单时,会立即弹出一个对话框!

多谢!

4

1 回答 1

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;
    });
});
于 2013-03-06T04:06:32.650 回答