2013-03-06 36 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