Javascript 二级JS表单提交调用

我有一个主JS，它在主页上发布来自表单的代码，然后用户得到一个辅助表单来更新详细信息，然后他们在第二个表单上点击更新

在第二次选择Submit（在我的网站上称为Update按钮）之前，一切都很顺利

以下是更新页面：

<div class="welcomersvp"><h2>Welcome <?php echo $PrimGuestSalutation; ?>!</h2></div><br>

        <form name="updatersvpform" id="updatersvpform">

---

当我点击update时，它只是重新加载包含实际地址栏中所有变量的主页。没有对php页面的引用（该页面似乎没有收到任何内容）。

如果没有问题中显示的其余代码，我将假设第二个表单作为DOM对象加载，并且提交它的javascript已经预先加载

如果是这种情况，那么就改变

$("#updatersvpform").submit(function (event)

到

---

区别在于后者是一种委托，用于监视父对象（body标记）范围内目标（#updatersvpform）的DOM内容更改。

这正是问题所在。我是新手，所以我不确定它是否在初始加载后主动监控加载的内容。这个修好了，非常感谢。

(function ($) {
    'use strict';
    $("#updatersvpform").submit(function (event) {

        event.preventDefault();

        $("#updateloading").css("display", "inline-block");
        $.post("updatersvp.php", {
                updateaddress1: $("#updateaddress1").val()
            })
            .done(function (data) {
                if (data) {
                    $("#updateloading").hide();
                    $("#UpdateSuccess").slideDown("slow");
                    setTimeout(function () {
                        $("#FullField").slideUp("slow");
                    }, 1500);
                    setTimeout(function () {
                        $("#FullField").html(data);
                    }, 2300);
                    setTimeout(function () {
                        $("#FullField").slideDown("slow");
                    }, 3500);

                    $("#updatersvpform")[0].reset();
                }
                else {
                    $("#updateloading").hide();
                    $("#UpdateError").slideDown("slow");
                    setTimeout(function () {
                        $("#UpdateError").slideUp("slow");
                    }, 1000);
                }
            });

    });
})(jQuery);

$("#updatersvpform").submit(function (event)

$('body').on('submit', '#updatersvpform', function(event)