html页面动态添加的内容js不生效问题解决

ttphoon

于 2019-10-25 15:01:02 发布

阅读量3.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： html/js/css 文章标签： jquery html

本文链接：https://blog.csdn.net/ttphoon/article/details/102743126

html/js/css 专栏收录该内容

2 篇文章

订阅专栏

本文探讨了在HTML动态生成内容后，原有的jQuery方法失效的问题，并提供了使用$(document).on()来重新绑定事件的解决方案，确保动态添加的元素也能响应事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html动态生成后，之前定义的jqeury方法不起作用

html动态添加内容是很常见的，遇到了好几次，然后有去找了一下知道了解决办法，但是一段时间没用有点模糊，特意做个记录。

解决办法

$(document).on("operation","element",function(){
	//do something
})

示例1:

$(document).on("click",".edit-gp",function(){
	console.log("You have clicked the edit button.")
})

示例2:

$(document).on('hide.bs.collapse','.api_info_div', function () {
	    $(this).prev().find("code").find("i").attr("class","glyphicon glyphicon-plus");
	})

Mark一下，查找方便哈