点击事件重复执行

来源：8-8 订单确认页的开发(逻辑)4

李行知

2017-10-10

$(document).on("click", ".close", function() {
_this.$modal.hide();
});
// document.getElementsByClassName("close")[0].addEventListener("click", function() {
//         // alert(1)
//         _this.$modal.hide();
//     })
// 提交地址信息
$(document).on("click", ".receiver-address-submit", function() {
console.log("点击");
if (_this.option.isUpdate) {
// 更新地址
_this.updateAddress();
} else {
// 新增地址
console.log("点击增加地址");
_this.addAddress();
}
});

在编写地址模版的那一节中，如果我一开始点进新增地址的时候，什么都不做，点击提交，这个时候会弹出一个警告框，如果我这个时候点击确认，×掉新增地址框，再执行前面的操作，就会出现两个警告框，以此类推，最后的时候我填写正确的地址信息，然后点击确认，这个时候就会添加多个地址，地址数目跟警告框数目相同

求解

写回答

1回答

李行知

提问者

2017-10-10

问题有解决方案

$(document).off("click", ".receiver-address-submit").on("click", ".receiver-address-submit", function() {
console.log("点击");
if (_this.option.isUpdate) {
// 更新地址
_this.updateAddress();
} else {
// 新增地址
console.log("点击增加地址");
_this.addAddress();
}
});

但是并不懂问题怎么发生的

Rosen

在绑定的前面打印下绑定，看绑了几次

2017-10-10

共1条回复

真实数据对接从0开发前后端分离的企业级上线项目

【毕设项目精品】前端实战，对接真实服务端数据，开发完整项目

4268 学习 · 4120 问题

查看课程

相似问题

编辑按钮上的点击事件

回答 1