最近，我从一个网站上聘请了一位女士来帮助我进行特定的设计（现在找不到了）。我接受了该设计并在服务器端工作，并完成了我的Web应用程序。客户要求在图像上具有ligthbox缩放选项。我使用了很多方法，但是似乎无法从前端触发click事件，只能在浏览器控制台中使用“ image.click（）”方法。这是一个html代码段：

<div class="row">
<div class="col-6" style="text-align: center; margin: auto;">
<img class="img-fluid img-thumbnail" style="cursor: pointer;"src="img-src">
</div>
</div>
<div id="lightbox" class="lightbox"><img src=""></div>

我想对多张图像进行缩放效果

Array.from($('.img-fluid')).forEach(image => {
$(image).click(function (e) {
        e.preventDefault();
        $('#lightbox img').attr('src',$(image).attr('src'))
        $('#lightbox').toggle()
    });
})

唯一可行的方法是将浏览器控制台与click方法一起使用。

关于原因的任何建议？