如何在点击图片时调用javascript函数？

Question

如何调用js函数以便它可以处理点击图像？

$("#closeButton").click(function () {
   $("#sheet").css("display", "none");
});

图片代码？

<img src="images/divclose.png" alt="*"  onclick="function()"/>

Answer 1

1. 添加ID（删除你的onclick thingy）：

   <img src="images/divclose.png" alt="*" id="closeButton" />
   

2. 写下这个（请注意，如果您已经拥有外部函数，则不再需要外部函数）;

   $(function () {
     $("#closeButton").click(function () {
       $("#sheet").css("display", "none");
     });
   });
   

3. 现在，去阅读初学者教程，书籍或其他什么。学习基础知识;）

Answer 2

您尝试使用代码中的ID访问图像，但图像元素上没有任何ID。只需添加它，它就可以工作（前提是您的代码在ready或load事件中，以便元素在运行时存在）：

<img src="images/divclose.png" alt="*" id="closeButton"/>

如果要使用jQuery绑定事件，则元素上没有任何onclick属性。事件模型对于jQuery有些不同，可能与普通的DOM事件冲突。

Answer 3

标签必须具有“id”，您可以使用与您描述的方法相同的方法

Answer 4

我假设您要使用jquery，因此您应该检查jquery文档。

您所做的是宣布“oldschool”纯javascript方式在点击时调用"function()"。

因此你需要用老式的方式在javascript中声明函数“function”。

使用jquery和您的代码，只需将您的ID分配给您的图像。

<img src ="foo.png" id="closeButton"/>

它应该有用。