0

问题

在它被销毁并重新创建后,我无法再与我网站上的 DIV 交互。我已经尝试使用它的 ID 和类,但没有运气。

重现

转到http://new.element17.com。单击Photo Grid最右下角的按钮。然后单击其中一个缩略图。那张照片应该加载并且照片网格应该淡出。

现在单击Albums顶部,然后选择任何专辑。再次单击该Photo Grid按钮,然后单击其中一个缩略图。该照片应该加载,但照片网格不会淡出。

代码

网格本身是由Cycle 2 插件创建的,并且在专辑更改时被销毁,然后重新创建。

它本身看起来像这样:

<div id="photo_grid" class="photo_grid_class"></div>

缩略图的 jQuery 如下所示:

$('.grid_thumb').click(function() {
  $('#grid').addClass('fadein').removeClass('active');
  $('.photo_grid_class').fadeOut('fast');
});

我怎样才能使它即使在它被销毁和重新创建之后,我仍然可以与这个 DIV 交互?

谢谢!

4

1 回答 1

1

改变

$('.grid_thumb').click(function() {

$(document).on('click', '.grid_thumb', function() {

应该管用。

于 2013-04-26T18:04:46.227 回答