Question

如果激活了以下任何一个侦听器，它们将被激活2 ^ x次，x是其中任何一个被触发的次数。它第一次运行2次，10次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() {
});
}));

Answer 1

据推测，每次加载时，myRides.js或friends.js或两者都会添加重复的事件侦听器。

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

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

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

Answer 2

每次“getScript”

时都会添加新的处理程序

重复监听器激活javascript

2 个答案: