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

来源：动视网责编：小采时间：2020-11-27 20:18:27

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

jquery对之后生成的js代码中的click事件无效的解决办法:使用的jquery版本：jquery-3.1.1直接写在页面里面的click事件有效：<a class="deleteCls" beanId="${bean.id }" href="javascript:void(0)">删除</a> $("a.

推荐度：

点击下载本文 文档为doc格式

导读jquery对之后生成的js代码中的click事件无效的解决办法:使用的jquery版本：jquery-3.1.1直接写在页面里面的click事件有效：<a class="deleteCls" beanId="${bean.id }" href="javascript:void(0)">删除</a> $("a.

使用的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事件无效的解决办法

推荐度：

点击下载本文 文档为doc格式

标签：解决办法解决事件

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐