问题描述:给元素绑定点击事件,函数被调用多次
在页面中为一个元素绑定事件,事件执行后页面未刷新且元素还在,然后你再次点击,元素又被绑定个一次点击事件,这样第二次点击就会执行两次,以此类推。
解决方法
unbind() 方法移除被选元素的事件处理程序。该方法能够移除所有的或被选的事件处理程序,或者当事件发生时终止指定函数的运行。ubind() 适用于任何通过 jQuery 附加的事件处理程序
$(".submitfeedback").unbind();
$('.submitfeedback').click(function(e) {
e.stopPropagation();
let tablename =$(e.currentTarget).parent().children('.tablename').val();
let feedbackword = $(e.currentTarget).parent().children('.feedbackwords').val();
$.ajax({
url: '/admin/submitfeedBackMessage',
method: 'post',
dataType: 'json',
data: {
ablename: tablename,
feedbackword: feedbackword
},
success: function(data) {
if (data.data == 'ok') {
console.log('回复成功');
ajaxdata();
}
}
});
});