重复添加事件监听解决办法

问题描述:在前端项目中,不免会遇到给分页获取来的数据添加一些按钮事件。

解决方法:

1.在拼接html字符串的时候,使用onClick。

例如:

 tableStr +=
                               "<tr>"
                               +"<td class='text-center'>"
                               +"<button type='button' class='btn btn-primary' "
                               +"onclick='detail(""+v.id+"")'>查看详情</button>"
                               +"</td>"
                               +"</tr>";

2.使用jquery的on方法

例如:

$('#parent').on('click','.child',function () {
			console.log('点击class为child的按钮,就会调用该方法');
		});

  

原文地址:https://www.cnblogs.com/daixiaotian/p/6955763.html