为什么我的 Click 事件无法在 jQuery 中动态添加的元素上触发？

在 jQuery 中将点击事件绑定到动态添加的元素

使用 jQuery 动态添加 HTML 元素时，必须将点击事件绑定到这些元素使它们具有互动性。但是，有时这可能会带来挑战，特别是在事件未执行的情况下。

在提供的代码中，您将 onclick 事件绑定到动态附加到 .add_to_this 元素的链接 (close_link) 。但是，当您单击链接时，该事件不会触发。

问题在于使用了已弃用的事件绑定方法，例如bind()。这些方法已被现代版本的 jQuery 中的 on() 方法取代。

要将单击事件正确绑定到动态添加的元素，请使用以下语法：

$(document).on('click', '.your-selector', function() {
  // Function to execute on click
});

中根据您的情况，您可以将绑定方法替换为以下内容：

$(document).on('click', '.close_link', function() {
  alert('hello from binded function call');
});

这将确保单击链接时触发单击事件，即使它是动态添加的。请记住，使用 $(document).on() 进行事件委托对于处理动态添加的元素上的事件至关重要。

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