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=&#39;deleteCls&#39; beanId=&#39;" + item.id + "&#39; href=&#39;javascript:void(0)&#39;>删除</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事件無效的解決辦法的詳細內容。更多資訊請關注PHP中文網其他相關文章！