javascript - 使用“selector;”删除 jQuery 中的 ".on"Click 事件

Question

我正在使用 jQuery 的“.on”将单击附加到“更多项目”按钮。由于我们的脚本处理方式，此事件可能会多次重新附加。

我想防止单击此按钮时触发多个事件。我实际上将事件附加到“文档”并使用选择器来定位按钮。同样，这是因为重新加载和 ajax 调用，我将事件保留在“文档”上，因此它永远不会丢失。

下面是我的代码:

  // Removes previous events 
  $(document).off('click','.moreItems');

 // Attached new event
  $(document).on('click','.moreItems', function(event) {
    ... do stuff ....
  });

我已经在 stack voerflow 中搜索了答案，但没有任何帮助。所有内容都讨论从初始对象(本例中为“文档”)中删除事件，但从不使用选择器(我可以找到)。

谢谢!

Answer 1

如果保留对回调函数的引用，则可以使用 .off() 删除它的所有实例。 :

var callback = function(){console.log('callback executed');};

jQuery('.moreItems').on('click',callback);
jQuery('.moreItems').on('click',callback);

jQuery('.moreItems').off('click',callback);

Fiddle