jquery 动态添加的元素 绑定事件click失效

jquery 动态添加的元素 绑定事件click失效,第1张

这就是“为未来元素添加事件”的方法了,

jquery里为未来元素添加事件的原理很简单,既然这个元素是未来的,那么我们可以把事件绑定在已经存在的元素上,然后在发生点击的时候,再来判断所点击的对象,是否为我们要的对象,然后再触发事件。

$("div#id").on("click","button.do",function(){

    //具体的内容

})

上面这段代码解释起来就是,给div#id绑定一个click事件,并且触发事件的对象为button.do时,开始执行具体的内容。

不管button.do是否为已经存在的,还是未来添加的,都能执行。

对于你的问题,同理就能解决,

$("input[type='checkbox']").click

你的这句,把事件绑定到最近的父元素里,不要绑在离“太远”的父元素上,影响代码的执行效率,

$(function(){

$(".layer-search-input").on('keydown',function(event){

alert(event.keyCode)

if(event.keyCode === 13 ){

alert('按下了回车键')

}

})

})

//测试一下吧,还有一个检查你自己的class或者id是否正确

个人理解

我猜测的会失效,应该是通过jquery绑定的事件失效了吧?

如何解决

// 在动态添加元素后,如果之前绑定事件是通过click 绑定,则动态添加的元素不会被绑定。

//可以通过delegate 进行绑定

$('body').delegate('a','click',function(){

    //此处为处理过程

})

//而且要保证$('body') 中的选择器不是动态添加的。

 3. 如果该回答没有对应您的问题,请您贴出您的问题代码。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11641623.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存