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

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

解决方法:

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的按钮,就会调用该方法');
		});

  

 

posted @ 2017-06-07 10:38  呆小田  阅读(1112)  评论(0编辑  收藏  举报