jquery 动态生成li_jquery无法为动态生成的元素添加点击事件

本文解释了如何确保在元素使用click事件动态添加到页面后,其功能函数能够正确执行。关键在于将功能函数置于click事件内,避免因页面加载初期找不到相关元素而无法附加。通过实例展示了两种常见的click事件写法和注意事项。
摘要由CSDN通过智能技术生成

如果你的元素是用click事件append进来的,那你的功能函数必须放在这个click事件里面。

比如:

$(".clickMeToAppendElement").click(function() {

$(".toBeAppend").append("

这是元素内容");$(".J_classtree").on("click",function(){

alert("终于进来了");

});

);如果你把函数放在click事件外面,最初加载页面的时候,$(".J_classtree")就找不到.J_classtree这个类,那段功能函数就添加不了了。

扩展资料:

关于上述click事件

click事件的写法:

方法一:

Javascript中点击事件方法一

click

var btn = document.getElementById("btn");

btn.οnclick=function(){

alert("hello world");

}

方法二:

Javascript中点击事件方法二

click

var btn = document.getElementById("btn");

btn.addEventListener('click',function(){

alert("hello wrold");

},false)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值