使用 .load() 然后 JQuery 代码无法识别答案

【问题标题】：using .load() then JQuery code not recognized使用 .load() 然后 JQuery 代码无法识别
【发布时间】：2015-08-10 04:03:36
【问题描述】：

我尝试使用这个简单的实现将图像替换为从缩略图库中选择的任何图像。当我使用 .load() 函数并将当前名为“replace”的 div 类替换为新的 div 时，问题就出现了，例如 NYC 和那里的画廊。更换图库后，第一个功能不再起作用。

<script>
    $('.replace #thumbs img').click(function(){ 
        $('#largeImage').attr('src',$(this).attr('src').replace('thumb', 'large'));
    });
</script>




<script>
    $(document).ready(function() {
        $( ".NYC" ).click(function() {
            $(".replace").load("Galleries.html #NYC");
        });
    });
</script>

【问题讨论】：

为什么在 Galleries.html #NYC 之间有空格？ .load("Galleries.html#NYC");
没关系，我可以改回来
我正在调用 NYC div 来替换 Galleries.html 中的当前画廊和大图
使用加载方法，URL @Max 之间没有空格
@surajrawat 该空格将 URL 与 loading a page fragment 的选择器分隔开来。

标签： javascript jquery html jquery-load

【解决方案1】：

使用 jquery on 注册您的第一次点击，例如：

<script>
    $('.replace').on('click', '#thumbs img', function(){ 
        $('#largeImage').attr('src',$(this).attr('src').replace('thumb', 'large'));
    });
</script>

【讨论】：

您在选择器中遗漏了一个 '。它应该是 $('.replace')
谢谢你们。并且编辑已经纠正了问题