javascript - 添加新记录时如何附加委托(delegate)

Question

这个问题已经有答案了:

Event binding on dynamically created elements? (23 个回答)

Events not firing on dynamically created elements (JQuery) (2 个回答)

已关闭 7 年前。

我有一个表单，我在其中附加了 OnChange 方法，例如

$(document).ready(function () {
    $('#fieldId').change(function () {
    ...
   }
}

但是当我添加一个新记录时，我会遇到这样的情况:函数中的 Id“fieldId”为

function addTeamMember() {
var newItem= "<input  id='fieldId' type='text'>"
$("#other").append(newItem);
...
}

但是当我更改新添加的字段时，更改不会被触发。有人可以帮我出个主意吗？

谢谢。

Answer 1

将 onchange 事件监听器更改为:

$('body').on('change', '#fieldId', function () {
  // ...
}

您可以将“body”替换为包装动态添加的 DOM 元素的任何容器。这样，您就可以将事件委托(delegate)给现有或尚不存在的元素。