为什么我的 JavaScript 事件在动态元素追加后没有触发？

动态元素追加后 JavaScript 事件未触发

您遇到了将新元素追加到 DOM 后 JavaScript 事件未触发的问题。这是因为 jQuery 仅识别页面加载期间最初运行时存在的元素。

要解决此问题，您需要使用事件委托来捕获动态元素中的事件。事件委托涉及捕获页面加载期间已经存在的 DOM 中更高级别的事件。这允许新添加的元素中的事件冒泡并得到处理。

在您的情况下，您可以将单击事件委托给页面加载期间存在的父元素。例如，您可以更改 JavaScript 代码以使用 on() 方法，如下所示：

$(document).on('click', '.races', function(e) {
  // Your code here
});

这样，使用类“.races”添加的任何新元素都将继承单击事件处理程序。实现事件委托时记得使用 on() 方法而不是 click()。

以上是为什么我的 JavaScript 事件在动态元素追加后没有触发？的详细内容。更多信息请关注PHP中文网其他相关文章！