重复侦听器激活 javascript答案

【问题标题】：Repeat Listener activation javascript重复侦听器激活 javascript
【发布时间】：2012-12-04 00:02:02
【问题描述】：

如果以下任何监听器被激活，它们将被激活 2^x 次，x 是其中任何一个被触发的次数。第一次它将运行 2 次，十次 4、8、16 等。我错过了什么不止一次触发它们？

$(document).on('click',"#post-ride",(function() {
  addRide(currentDriver, $(destinationInput).val(), $(originInput).val(),$(dateInput).val(), $(timeInput).val());
  console.log("add ride called");
$.getScript("scripts/myRides.js", function() {
});
}));

$(document).on('click',"#request-ride",(function() {
  requestRide(currentDriver, $(destinationInput).val(), $(originInput).val(),            $(dateInput).val(), $(timeInput).val());
$.getScript("scripts/myRides.js", function() {   
});
}));

$(document).on('click',"#leave-ride",(function() {
leaveRide(currentDriver, $(this).closest('div').attr('id') );
$.getScript("scripts/myRides.js", function() {
});
console.log("leave ride called");
}));

$(document).on('click',"#cancel-ride",(function() {
cancelRide(currentDriver, $(this).closest('div').attr('id') );
$.getScript("scripts/myRides.js", function() {
});
}));

$(document).on('click',"#remove-friend",(function() {
removeFriend(currentDriver, $(this).closest('div').attr('id') );
$.getScript("scripts/friends.js", function() {
});
}));

$(document).on('click',"#add-friend",(function() {
addFriend(currentDriver, $(this).closest('div').attr('id') );
$.getScript("scripts/friends.js", function() {
});
}));

【问题讨论】：

那么 myRides.js 是做什么的？
它根据更改重新填充 ul。

标签： javascript jquery events listeners

【解决方案1】：

大概是myRides.js 或friends.js 或两者都在每次加载时添加重复的事件侦听器。

要问的合乎逻辑的问题是为什么要一遍又一遍地加载相同的脚本？你可能不应该那样做。

如果您要执行该脚本中的一个函数，您可以测试该函数是否已加载，如果是，则调用它。如果没有，则加载脚本并让它在加载时执行。

如果您一遍又一遍地加载相同的脚本还有其他原因，那么您可以通过跟踪您是否已将每个事件侦听器加载到它自己的状态变量中来保护每个事件侦听器免于安装后续副本，虽然这可能是解决问题的更乏味的方法。

【讨论】：

同意，只包含一次，调用你需要的函数。

【解决方案2】：

每次“getScript”时都会添加新的处理程序

【讨论】：