2013-03-06 35 views
0

感謝Samuel Liew和其他偉大的助手,問題已得到解決。由於把這裏的一切都搞亂了,而且在整體解決方案中很難解釋,所以我專門在自己的網站上做了解釋。Final:AJAX/jQuery/PHP表單提交和模態框成功打開

我離開了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和其他偉大的助手。問題已被固定。我將爲未來需要此功能的人員留下代碼。

案例:http://santz.net/index.contacto.html(不再提供)

這是問題:

目標: 「網站」 必須成功後打開一個對話框/模盒/模態窗口表格提交。

問題:形式成功提交,但該對話框/模盒/模態窗口沒有打開(很少,如果你讓 再點擊一下它打開...)

[試試吧,這是爲什麼我給你鏈接。有沒有問題,網站 是我的,我收到消息]

我希望你能幫助我...這個想法很簡單!當用戶提交表單時,會立即彈出一個對話框!

非常感謝!

回答

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

薩穆埃爾,沒有工作,因爲不發送表單。我有一個想法...雖然我不知道它是否正確... – 2013-03-06 15:36:51

+0

說明(使用您編輯過的):我們分開了喀噠聲器(這是打開模式盒的觸發器)。我認爲,如果我們能夠將這兩種功能集成到一個觸發行爲中,它就應該有效。我的意思是,如果我們告訴網站,當我點擊'#clicker'(表單的提交按鈕)時,它也應該提交表單,將'#clicker'動作的觸發解釋爲雙重任務...(更簡單:你點擊提交('#clicker')按鈕,網站運行這兩個腳本:提交表單並清除它,並打開模式框,當'#clicker'按鈕被觸發時所有這些) – 2013-03-06 15:42:26

+0

你有沒有試過,並且它工作? – 2013-03-06 16:30:19