javascript - jQuery脚本不适用于新元素

This question already has answers here:

Event binding on dynamically created elements?
（23个答案）
三年前关闭。
目前，我编写的Ajax表单工作得很好，表单的所有输出都会放入结果，除了此时表单的结果是另一个表单外，我的脚本不适用于旧表单的结果是新表单
我的脚本不适用于新表单，所以，我需要使新表单的工作方式类似于旧表单，这可能吗？

$(document).ready(function()
{
    $("form").submit(function(e)
    {
        e.preventDefault();
        $("#Result").html("<div id='Loading'></div>");

        $.ajax(
        {
            type: "POST",
            data: $(this).serializeArray(),
            success: function(Data)
            {
               $("#Result").html(Data);
            }
        });
    });
});

最佳答案

尝试

$("#Result").on("submit", "form", function(e) {
    ...  YOUR CODE  .....
});

编辑：如果要捕获全局表单提交事件（感谢@pratikwebdev）：

$(document).on("submit", "form", function(e) {
    ...  YOUR CODE  .....
});