Javascript 使用jQuery.click函数单击“监视”以查看对图像的单击

我正在使用Bootstrap、Node.js和jQuery为一个俱乐部创建一个网站。我试图编写一段Javascript代码，当点击一个图像（或者最好是它所在的div）时，另一个我必须更改pdf显示的Javascript函数将运行。我的问题是，没有任何东西可以捕捉图像上的点击

我的图像代码：

<div id="2005d" style="cursor: pointer">
    <img id="2005p" style="max-width: 100%" src="/magazines/2005_cover.jpg">
    <h5 id="2005t" style="text-align: center; color: black">2005</h5>
</div>

---

如何让jQuery捕获图像上的单击事件？

使用jQuery事件委派在父元素上设置处理程序，但测试事件是否起源于图像，并使用jQuery

.on（）

方法，而不是jQuery建议的

。click（）

$（“文档”）.ready（函数（）{
$（“#2005d”）。在（“单击”，“img”，函数（）上{
警报（“点击”）；
});
});

2005
使用JQuery事件委派在父元素上设置处理程序，但测试事件是否起源于映像，并使用JQuery
.on（）
方法代替JQuery建议的
。单击（）


$（“文档”）.ready（函数（）{
$（“#2005d”）。在（“单击”，“img”，函数（）上{
警报（“点击”）；
});
});

2005
您的代码是正确的，但您必须为图像编写单击事件，请尝试此操作，它可以正常工作

$("document").ready(function() {
 $("#2005p").click(function(){
    alert("Clicked");
 });
});

您的代码是正确的，但您必须为图像编写click事件，请尝试此操作，它可以正常工作

$("document").ready(function() {
 $("#2005p").click(function(){
    alert("Clicked");
 });
});

在（'click'，function（）{…}）上尝试$（“#2005d”）；你发布的代码应该可以工作，你在控制台上有错误吗？在页面加载时或单击div时？在页面加载期间是否加载了有问题的div，还是动态创建的div？试试
$（文档）
由于在父div（
#2005d
）上附加了click处理程序，因此由于
事件冒泡
子级中的任何click事件都将被父级捕获。try$（“#2005d”）。on（'click'，function（）{…}）；你发布的代码应该可以工作，你在控制台上有错误吗？在页面加载时或单击div时？在页面加载期间是否加载了有问题的div，还是动态创建的div？试试
$（文档）
由于父div（
#2005d
）上附加了click处理程序，因此由于
事件冒泡
，子div中的任何click事件都将被父div捕获。