Javascript 提交时，将html弹出文件加载到div中

我试图重定向到一个联系人表单提交到一个HTML文件，我已经使用

header('Location: /dev/thanks.html');

但是，这会将其加载到另一个页面，而不是我已经在的页面

我已经使用jQuery为联系人表单和信息页面弹出了一个窗口，它是：

$('a.contact , a.contact_footer, a.contact_text').click(function() {
    $("html, body").animate({ scrollTop: 0 }, 600);
    $("#popup").load("/dev/contact.php");
    // Getting the variable's value from a link
    var show = $('#popup').css('display', 'block'),
    popup = $(this).attr('href');

    //Fade in the Popup and add close button
    $(popup).fadeIn(300);

    // Add the mask to body
    $('body').append('<div id="mask"></div>');
    $('#mask').fadeIn(300);

    return false;

$（'a.contact，a.contact\u footer，a.contact\u text'）。单击（函数（）{
$（“html，body”）.animate（{scrollTop:0}，600）；
$（“#popup”）.load（“/dev/contact.php”）；
//从链接获取变量的值
var show=$（'弹出'）.css（'显示'，'块'），
popup=$（this.attr（'href'）；
//淡入弹出窗口并添加关闭按钮
$（弹出窗口）.fadeIn（300）；
//将遮罩添加到主体
$（'body'）。追加（''）；
$（'面具'）.fadeIn（300）；
返回false；

在提交联系人表单时，我想加载一个新文件（thank.html）以用感谢信息替换弹出窗口（联系人表单）。与我已经在使用jQquery时所做的类似，但我希望它仅在提交时实现：

<div class="submit">
    <input type="submit" value="Submit"/>
</div>

---

我需要做什么才能修改jQuery，使其在提交时而不是单击时实现？

将提交事件添加到联系人表单中：

如果使用jQuery 1.7+，请使用：

如果没有，请使用（或升级jQuery版本）：

---

我假设表单将直接附加在“#popup”中，否则您将不得不更改“var popup…”行

---

jQuery的onSubmit方法，在方法内部有一个AJAX调用来获取html页面。每次都有效。你能举个例子吗？对不起，你说的将提交添加到表单是什么意思？将提交事件添加到联系人表单并执行AJAX调用。我刚刚在你的网站上进行了测试，效果很好！：我刚转到联系人表单，打开了将我发布的jQuery进行唯一化并粘贴。然后，单击submit（提交）按钮可以实现您想要的魔力。非常感谢。但您让我有点困惑，这并不难。我只需要添加您的jQuery，还是需要在表单上编辑这一行？谢谢您确定吗没有做任何其他事情，因为我已经更新了我的Js，它似乎没有加载到弹出窗口中的Thanke.html，而是像以前一样加载到另一个窗口中。

$(document).on("submit", "form#submit_message", function() { 
    $('#popup').load('/dev/thanks.html'); 
    return false; 
});

//live is old deprecated
$('form#submit_message').live('submit', function() {
    $('#popup').load('/dev/thanks.html');
    return false;
});

$("#popup").on("submit", "form", function(event){
    var popup = $(this).parent();
    var data = $(this).serialize();
    $.ajax({
        type: "POST",
        url: "my_url.php",
        data: data
    }).done(function(html){
        popup.html(html);
    });
    return false;
});