Javascript 绝对定位img，jquery不会对点击事件作出反应

我正在制作图片库，我想在图片上显示删除图标。我制作了div容器，用于图像和带有相对位置的图标，以及带有绝对位置的图标img。但是jquery

。单击
和
。打开（'click'，function（）{…}）不工作。这是我的代码（我正在使用blueimp gallery）：

HTML:

JQuery：

$('.delete').click( function() {
    alert( 'click' );
});

当设置了
.delete
并更改了另一个类时，它会工作。为什么它不能和这个绝对定位的div一起工作？当我悬停
.delete
时，div鼠标图标正在更改，因此它位于顶部。
在附加事件处理程序之前，必须等待DOM完全加载。
如下所示更改javascript

$(document).ready(function() {
    $('.delete').click(function() {
        alert('clicked');
    });
});

似乎对我有用：
$('.delete').click( function() {
    alert( 'click' );
});

$(document).ready(function() {
    $('.delete').click(function() {
        alert('clicked');
    });
});