处理用append添加的元素用onclick绑定无效的事件

问题是：通过jQuery append（或者before、after，一样）新添加进网页的元素，常用的事件不能触发，比如：append了id 为 abc 的元素，那么 $(#abc).click(function(){})是没有效果的。网上说要用live()函数，亲测无效，应该是jQuery的版本问题，反正到目前为止是不能用了；解决方法：用on函数，要注意格式(楼主搞了半天，因为格式不对，哎，不说

1 2 3 一起追梦

524人浏览 · 2022-03-17 10:54:28

1 2 3 一起追梦 · 2022-03-17 10:54:28 发布

问题是：通过jQuery append（或者before、after，一样）新添加进网页的元素，常用的事件不能触发，比如：append了id 为 abc 的元素，那么 $(#abc).click(function(){})是没有效果的。

网上说要用live()函数，亲测无效，应该是jQuery的版本问题，反正到目前为止是不能用了；

解决方法：用on函数，要注意格式(楼主搞了半天，因为格式不对，哎，不说了…都是泪)

  正确格式： $("outerSelector").on('eventType','selector',function(){})；
   outerSelector 是一个一直存在的DOM， selector是你要监听点击的节点；
   所以正确的写法是（楼主代码）：$("tbody").on('click',"[name='submitbutton']",function(){....});