在销毁并重新创建后，无法通过jQuery与DIV交互？

Question

问题

在销毁并重新创建之后，我无法再与我网站上的DIV进行交互。我试过使用它的ID和类，没有运气。

重现

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

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

代码

网格本身由Cycle 2 plugin创建，每当更改相册时都会销毁，然后重新创建。

它本身看起来像这样：

<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进行交互？

谢谢！

Answer 1

更改

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

要

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

应该工作。