ajax返回的html文本加入dom,用js如何绑定事件

本文深入探讨了在DOM中动态添加的元素如何正确绑定事件监听器的问题。特别关注了使用Ajax获取并插入DOM的数据,介绍了如何避免事件绑定丢失,并提供了jQuery不同版本的解决方案,包括使用live方法(1.9以前)和on方法(1.9以后)。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

ajax返回的数据,经过拼装,加入到dom中,但是用 常规js或者jquery是无法直接控制节点的,

$(document).on('click', '#xxx', function(){}

原因在你为 $("#xx")添加click事件处理程序时,$("#xx")还没有加载到页面中,所以会丢失绑定,可以绑定到祖先元素,live表示密切监视浏览器,当被点击元素与选择元素匹配的时候,才执行处理程序。
如果你的jquery版本是1.9以前的
$("#xx").live(‘click’, function(){

});
1.9以后的
$(document).on(‘click’, “#xx”, function(){

});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值