尝试使用 JQuery 向图像添加点击事件

Question

我有一张没有 ID 的图片。唯一的唯一标识符是 src 和 alt。不确定我在下面做错了什么，但我已经追了一段时间了。

<img class="imageTile_overlay__DQMRS imageTile_no-stretch__3GYzr" src="/_web/assets/applications/c21140ec-719d-4fe8-aa34-381144127302/c503ca4f-1a36-49df-ae90-75a9226e7e69?X-IoT-Region=westus" alt="fire">

<script>
$('img[alt="fire"]').click(function() {
  alert('clicked');
}); 
</script>

我正在尝试在 Chrome 浏览器扩展程序中执行此操作。我在 window.onload 内尝试过，现在 document.ready。仍然点击没有任何反应。

Answer 1

该代码有效。

将其包含在：

    <script>
$(document).ready(function(){
    $('img[alt="fire"]').click(function() {
        alert('clicked');
    }); 

});
    </script>

Answer 2

事实证明，onload 事件是在页面的应用程序逻辑启动之前触发的。所以页面实际上在等待我的扩展完成后再继续，所以图像还不存在。

尝试使用 JQuery 向图像添加点击事件

Trying to add a click event to an image with JQuery

jquery

google-chrome-extension