jQuery动态添加的元素点击事件失效

编程入门 行业动态 更新时间:2024-10-28 13:21:10

jQuery动态添加的<a href=https://www.elefans.com/category/jswz/34/1771401.html style=元素点击事件失效"/>

jQuery动态添加的元素点击事件失效

在使用jQuery绑定点击事件的时候,有时候会遇到点击无效,这种情况大多出现在动态添加元素的时候

一般来说下面这种方法是可以成功的,但是对于动态添加后的元素就不行了

	$(".go").on("click", function() {})

推测上面这个监听函数,是在网页加载的时候就指定了对象,而通过代码追加,如通过js追加的元素,是不能匹配这个事件的。

那么,我们应该使用什么来绑定动态元素呢,支持给动态元素和属性绑定事件的是live和on,其中live在JQUERY 1.7之后就不推荐使用了。现在主要用on,使用on的时候也要注意,on前面的元素也必须在页面加载的时候就存在于dom里面。动态的元素或者样式等,可以放在on的第二个参数里面。

$("body").on("click", ".go", function() {})

参考了大佬的链接

更多推荐

jQuery动态添加的元素点击事件失效

本文发布于:2023-12-06 14:25:53,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1667859.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:元素   事件   动态   jQuery

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!