javascript - 页面加载后如何在 DOM 中生成调用脚本的按钮时触发脚本

Question

我有这个脚本

Javascript：

$('#generateEditWindow').on('click', function () {
    var $el = $(this);
    var id = $el.data('id');
    alert(id)
});

这个HTML：

<a id="generateEditWindow" data-id="10">
       Click to show the data id
</a>

这有效，但前提是页面已经加载了这个 HTML 作为页面的一部分。我需要这个脚本来响应页面加载后添加到 DOM 的新元素。当我在 DOM 加载后生成您在此处看到的 HTML 时，此功能不会触发。

我已将此功能放在文档就绪功能中，但这似乎没有意义也没有工作，并且在文档就绪之外进行了尝试。我觉得我需要让这个函数在“变化时”触发并让它监听呼叫，但我什至不知道能够正确搜索的术语。任何帮助都会很棒，感谢社区。