javascript - 为什么控制台打印多个值如何修复它应该打印一次

Question

$(document).ready(function(){
loadbyGroup(1);
    $('.by-seller').click(function(){       
    loadbyGroup(2);
  });
  $('.by-users').click(function(){        
    loadbyGroup(1);
  });
  function loadbyGroup(val){ 
    var tempo_array = [{'data':[]}];
    $('.test').click(function(){
        console.log(tempo_array)
    });
    //some if else condition below val == 1 or 2 not necessary
  }

});

当我单击“.by-users”按钮并单击“.test”按钮时，它会在控制台日志中打印多个值“[{'data':[]}]”，这是我的问题，它应该只打印一次就像点击.test按钮时第一次加载页面一样，如何修复它？

Answer 1

您将在每次执行 loadbyGroup() 调用时在按钮测试上添加多个单击处理程序，因此将其从 loadbyGroup 函数中删除。

$(document).ready(function(){

    var tempo_array = [];

    loadbyGroup(1);

    $('.by-seller').click(function(){       
        loadbyGroup(2);
    });

    $('.by-users').click(function(){        
        loadbyGroup(1);
    });

    $('.test').click(function(){
        console.log(tempo_array)
    });

    function loadbyGroup(val){ 
        tempo_array = [{'data':[]}]; // or whatever you want to do with this array
    }
});