javascript - 如何通过单击 id 打开模态

Question

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

<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');
});

Answer 1

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

我建议使用通用类来避免重复的 id:

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

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

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