jquery 对后来生成的js代码的click事件无效

前端之家收集整理的这篇文章主要介绍了jquery 对后来生成的js代码的click事件无效前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

直接写在页面里面的click事件有效:

<a class="deleteCls" beanId="${bean.id }" href="javascript:void(0)">删除</a>
$("a.deleteCls").click(function() {
      alert("del");
    });

 

 

但是在js里面生成代码

str += "<td><a class='deleteCls' beanId='" + item.id + "' href='javascript:void(0)'>删除</a></td>";

click就失效了,查了资料说是后来生成代码,jquery没有绑定click事件,具体是没有做深入了解,

下面是解决方法

 

$("a.deleteCls").click(function() {
      alert("del");
    });

 

修改成(tableList是table表的id,生成代码在table标签里面):

$("#tableList").on("click","a.deleteCls",function(){
    alert("del");
    });

解决了,现在生成代码的click事件也可以响应了!

猜你在找的jQuery相关文章