Js中动态追加代码后,之前定义的Js不再起作用

本文介绍在JavaScript或jQuery动态添加HTML代码后,如何解决新增元素JS事件失效的问题。通过使用JQuery的delegate()方法,可以为当前及未来创建的元素绑定事件处理程序,确保动态添加的内容也能响应事件。

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

 问题描述:在js文件中使用javaScript或者jQuery中的html('代码')或者append('代码'),将我们的html代码动态添加到指定的容器里面(例如:table)后,页面可以正常显示,但是所追加部分的页面的js会失效。

解决方法:采用JQuery中的 delegate() 方法向尚未创建的元素添加事件处理程序。

//为table里现在或者未来所创建的每一个a标签绑定点击事件
$("table").delegate("a","click",function(){
    alert("亲测成功");
    //相应的业务代码
});

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值