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