JS动态插入HTML后不能执行后续JQUERY操作

Posted 壁虎漫步.

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS动态插入HTML后不能执行后续JQUERY操作相关的知识,希望对你有一定的参考价值。

通过js追加的html 发现 不能点击 执行函数

 

普通绑定事件:$(‘.btn1‘).click(function(){}绑定

事件委托

 

解决方法:

$("body").delegate(".class","click",function(){});

on绑定事件:$(document).on(‘click‘,‘.btn2‘,function(){}绑定

以上是关于JS动态插入HTML后不能执行后续JQUERY操作的主要内容,如果未能解决你的问题,请参考以下文章

ajax 动态载入html后不能执行其中的js解决方法

“高三”笔记之动态JS动态样式

JQuery - 动态添加Html后,如何使CSS生效,JS代码可用?

JQuery_DOM 节点操作之创建节点插入节点

jQuery 的节点操作

Jquery-AJAX进阶