如何在动态加载按钮上调用jquery off方法

Question

我有以下点击事件被多次触发，虽然我只点击一次

$(document).on('click', '#addToList', function (event) {
     event.preventDefault();
     ...
 });

我看过https://stackoverflow.com/a/4543981/3840909您应该使用off方法，例如

 $(element).off().on('click', function() {
     // function body
 });

然而，由于我动态加载控件，因此我的jquery事件在文档上。

如何将off代码添加到我的活动中？

Answer 1

首先简单地反转它：

$(document)
    .off('click', '#addToList')
    .on('click', '#addToList', function() { ... })

Answer 2

您可以尝试使用

$(document).off('click', '#addToList').on('click', '#addToList', function (event) {
    event.preventDefault();
    ...
});

首先通过off方法删除click绑定事件，然后将其链接到on click事件上，重新绑定该函数。