javascript - 如何通过单击<img> id打开模式

我有一个图片库，我想通过单击图片来打开模式，并显示图片的详细信息，例如名称，标题和描述，我试图提醒消息

<img class="enent_inst" id="myImg" style="width:100%;" alt="<?php echo
$events[$j]['title']; ?>" src="<?php echo base_url(); ?>/Event_gallary/<?
php echo $events[$j]['event_image']; ?>" />

js端

$(document).on('click','#myImg',function(){
    alert('hello');
});

最佳答案

从$events[$j]['event_image']中我们可以清楚地看到，您发布的代码在循环中运行，因此将在同一文档中构造具有重复标识符的无效HTML结构，这将导致您的事件始终指向带有#myImg标识符的第一个元素。

建议使用通用类，以避免重复的id:

<img class="enent_inst" class="myImg" style="width:100%;" ...

在您的JS代码中，使用类选择器.myImg代替:

$(document).on('click','.myImg',function(){
    alert('hello');
});