jquery on 事件嵌套 事件执行多次

今天做了个项目，就是想点击添加然后追加一列，点击这一列的修改按钮，在修改，

//编辑事件
$('#eventTable').on('click','.edit_n',function(){
var inHtml=$(this).parent().parent().find("td").eq(0).find('span').html();
$("#eventContent").val(inHtml);
var content=$("#eventContent").val();
editTr(this,content);
$('#photo').on('click','#editEvent',function(){
var content1=$("#eventContent").val();
console.log(content1);
console.log($(that).html());
$(obj).parent().parent().find("td").eq(0).find('span').html(content1);
$(obj).parent().parent().find("td").eq(0).find("input").eq(0).val(content1);
closeEvent();
})

})

 

标红的代码执行了好多遍

原因是多次点击修改按钮，会执行多次点击事件

 

解决办法，1.是将on 点击事件拿出来，

2. 就是先解绑off()，在绑定 

$('#photo').off('click').on('click','#editEvent',function(){