Javascript 委派的事件处理程序正在为同一类多次工作

我对用于单击功能的委托事件有问题，我有四个具有不同id但具有相同类“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">

---

代码

$（文档）在（'click'，'.edit_agent_val'，function（）{

上执行了多少次？您的代码看起来是正确的，所以还有其他问题。您可以显示整个页面的HTML吗？您在哪里运行显示的代码？@Rakesh_Kumar:这是我一整天看到的最没有帮助的注释！：）相同的代码（使用不同的图像）。您能在图像上单击几次并检查浏览器控制台中的内容吗？哇！是的，它似乎工作正常，我仍然不知道我的问题出在哪里。无论如何，我的问题已经通过使用event.preventDefault（）解决了；但是，非常感谢您的帮助和这么好的例子……+1：）

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