javascript - jquery click事件在setinterval函数内执行多次

Question

我使用了下面的代码，

setInterval(loadnew, 5000);

function loadnew() {
    $(".lf-item .lf-item-inner .lf-item-link").load();
    $('.lf-item .lf-item-inner .lf-item-link').on('click', function()
    {
         alert('image');
    });
}

as .lf-item .lf-item-inner .lf-item-link 项目在页面滚动时加载。因此，我为此使用了 setinterval，但多次获取结果，例如当单击事件发生在所有输出值中时，每 5000 毫秒创建一个图像输出。

请运行并等待5000毫秒以上，然后单击图像。 以下链接:http://jsfiddle.net/g3fkL736/

有人可以帮我解决这个问题吗？

Answer 1

你可以尝试这个，实际上 loadnew () 会重复调用，所以在注册事件之前你需要删除如下事件的监听器。

请注意off("click")。

function loadnew() {

      $(".lf-item .lf-item-inner .lf-item-link").load();

      $('.lf-item .lf-item-inner .lf-item-link').off("click").on('click', function() {
             alert('image');
      }); 
}