委托事件处理程序对同一个类

Question

我遇到了用于点击功能的委托事件的问题，我有四个不同身份但具有相同类别'edit_agent_val'的图像，当我点击任何图像时，该功能运行四次而不是一次。

这是我用过的代码： 请务必查看我正在使用的图片：

<img id="treegrid-1" class="edit_agent_val" src="/palodrive/img/addb.svg" data-user="Player" data-name="pessimist">
<img id="treegrid-2" class="edit_agent_val" src="/palodrive/img/addb.svg" data-user="Player" data-name="Naugahyde">
<img id="treegrid-3" class="edit_agent_val" src="/palodrive/img/addb.svg" data-user="Player" data-name="lemma">
<img id="treegrid-4" class="edit_agent_val" src="/palodrive/img/addb.svg" data-user="Player" data-name="rackoz">

这是一个运行四次而不是一次的函数：

jQuery(document).ready(function($) {
     $(document).on('click', '.edit_agent_val', function() {    
         alert("sdsdsd");
     });
});