处理jQuery append加入的元素 绑定事件无效的方法

Posted 林成的技术博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了处理jQuery append加入的元素 绑定事件无效的方法相关的知识,希望对你有一定的参考价值。

通过jquery append(或者before、after,一样)新添加进网页的元素,常用的事件不能触发,比如:append了id 为 abc 的元素,那么 $(#abc).click(function(){})是没有效果的。
解决方法:用on函数
一直以为on函数只有2个参数
正确格式: $("outerSelector").on(‘eventType‘,‘selector‘,function(){});
outerSelector 是一个一直存在的DOM, selector是你要监听点击的节点;
$("tbody").on(‘click‘,"[name=‘submitbutton‘]",function(){....})

以上是关于处理jQuery append加入的元素 绑定事件无效的方法的主要内容,如果未能解决你的问题,请参考以下文章

jquery append方法加标签class失效

JQuery给动态添加的元素绑定事件

jquery append脚本增加的html onclick时间无法生效的原因以及解决方案

jQuery动态创建的元素为啥不能绑定事件

jquery appaend元素中id绑定事件失效问题

jquery 深入学习笔记之中的一个 (事件绑定)