您好,欢迎访问一九零五行业门户网

jquery对之后生成的js代码中的click事件无效的解决办法

使用的jquery版本:jquery-3.1.1
直接写在页面里面的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对之后生成的js代码中的click事件无效的解决办法的详细内容。
其它类似信息

推荐信息