Question

我有一个空div，就像这样：

<div class="albums"></div>

当用户登录时，我调用getPhotos();函数，此函数在albums div中添加一些数据，如下所示：

$('<div class="photo"><img class="photoimg" src="IMG" ></div>').appendTo($('.albums'));

成功添加数据。

我看到图片，但我认为jQuery没有看到。

我无法选择图像。

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

任何其他解决方案？

Answer 1

您可以像这样使用event delegation

$('<div class="photo"><img class="photoimg" src="IMG" ></div>').appendTo($('.albums'));

$('.albums').on('click', '.photoimg', function () {
  console.log(this);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="albums"></div>

Answer 2

这些是动态元素。所以你需要delegate the events。以这种方式使用事件委托：

$('.albums').on('click', '.photoimg', function() {
  // your code
});

如何在appendTo之后选择一个元素

2 个答案: