最終：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;
    });
});