Events 将来在div内部向表单添加处理程序

Events 将来在div内部向表单添加处理程序,events,html,event-handling,jquery,Events,Html,Event Handling,Jquery,我使用以下代码将结果从一个表单定向到一个特定的div $(window).load(function () { $("#form1").submit(function() { $.post($(this).attr("action"), $(this).serialize(), function(html) { $("#resultsDiv").html(html); }); return false; // prevent normal s

我使用以下代码将结果从一个表单定向到一个特定的div

$(window).load(function () {
  $("#form1").submit(function() {
      $.post($(this).attr("action"), $(this).serialize(), function(html) {
        $("#resultsDiv").html(html);
      });
     return false; // prevent normal submit
  });
});
我如何将此(或任何)处理程序应用于可能在更新的div中创建的未来表单(在将来的某个时候将尚未创建的新内容插入到div中)

我已经查看了.on,但没有看到更新或重新加载div的事件


我曾尝试向上面添加类似的函数,但将(window)替换为(“#thefutureDivID”),但没有成功。

添加处理程序的最佳位置是在知道元素存在之后。那么,就在这一行之后:

$("#resultsDiv").html(html);

您可以添加引用
$(“#thefutureDivID”)

Hmm的代码。在我的例子中,一个div中有一个表单(form1),其结果显示在另一个div(resultsDiv)中。如果结果(现在是resultsDiv的新内容)包含另一个表单,并且我希望这个新表单的结果也显示在resultsDiv中,我假设只要表单ID相同,我就可以使用相同的初始函数。显然情况并非如此,因为结果会重新加载整个页面,就像函数未被触发一样。页面上的
id=“…”
属性必须是唯一的。不能有多个元素具有相同的ID。