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事件也可以响应了!

相关推荐