Question

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

我遇到的问题是，当您单击中心的其中一个div并将新内容加载到右列时，单击新图像时，控制展开/收缩的.click功能将不再有效。

页面：goo.gl/aNJ8YP

控制展开/折叠的代码：

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

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

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

任何帮助都将不胜感激。

Answer 1

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

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

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

.click函数无法处理使用.fadeIn加载到div中的内容

1 个答案: