首页 > web前端 > js教程 > 为什么我的 Click 事件无法在 jQuery 中动态添加的元素上触发?

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

Linda Hamilton
发布: 2024-11-10 09:40:03
原创
1010 人浏览过

Why Does My Click Event Fail to Fire on Dynamically Added Elements in 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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板