动态添加的html元素绑定事件的方法
程序员文章站
2022-05-28 12:45:52
避免先写了DOM操作,但是元素是动态加载的,所以点击不生效,比较好的方法有两个: 1、动态添加的时候加行内事件,比如onclick="funcName()" 在js中写好方法名对应的方法就可以了,如果绑定方法的元素太多,可以考虑使用方法二; 2、jquery的on事件绑定 eg: 注意:on事件先是 ......
避免先写了DOM操作,但是元素是动态加载的,所以点击不生效,比较好的方法有两个:
1、动态添加的时候加行内事件,比如onclick="funcName()"
在js中写好方法名对应的方法就可以了,如果绑定方法的元素太多,可以考虑使用方法二;
2、jquery的on事件绑定
eg:
on事件可以给动态添加的元素也绑定事件。 $("#optionGroup").on('click','.input-group .delete-option',function () { console.log("aaa") let num = $(this).parents(".input-group").index(); console.log(num) })
注意:on事件先是获取到父元素,然后绑定到子元素上,父元素最好是已经存在的元素,而不是动态添加的。
上一篇: B-树java简单实现 B-java树
下一篇: Vue中的scoped及穿透方法