Javascript 。单击“函数不处理加载到具有.fadeIn的div中的内容”

我有一个页面，中间有一系列div，右边有一个垂直列。单击中间的一个div时，该项的详细信息将显示在垂直列中。最初，右栏中有一些带有图像的内容，单击这些内容会导致栏展开和收缩

我遇到的问题是，当您单击中间的一个div并将新内容加载到右列时，当您单击新图像时，控制展开/收缩的.click函数不再起作用

页码：goo.gl/aNJ8YP

控制展开/折叠的代码：

<script>
$('.preview-img-overlay').click(function() {$('.previewPane').toggleClass('expanded-preview');});
</script>

$（'.preview img overlay'）。单击（函数（）{$（'.previewPane'）。切换类（'expanded-preview'）；}）；

控制将项目详细信息加载到垂直列的代码：

<script>
    $(function () {
        $(".clicky").click(function () {
            var content_id = $(this).attr('href');
            $('#previewContainer').hide().html($(content_id).html()).fadeIn(500);
            return false;
        });
    });
</script>

$（函数（）{
$（“.clicky”）。单击（函数（）{
var content_id=$（this.attr（'href'）；
$（'#previewContainer'）.hide（）.html（$（content_id.html（））.fadeIn（500）；
返回false；
});
});

---

任何帮助都将不胜感激。

尝试将此语法用于单击事件

$(document).on('click', '.clicky', function () {
   //do stuff here
});

---

这应该处理添加到dom中的元素以及dom中预先存在的元素上的单击事件。希望这有帮助

谢谢，我会调查的。谢谢！我会调查的。