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(){