在属性更改后将jquery插件重新绑定到选择器？

Question

我为产品页面创建了一个相当简单的图库。一个产品可以有多个图像，所以我决定在上面放一个大的特色图片，并在下面显示缩略图。当您单击缩略图时，大功能图像将更新以显示缩略图的更大版本。一切都很好。问题是，我想使用一个名为jQuery的百叶插件，它为特征图像增加了放大功能。这是一种工作，但当我改变特征图像(通过单击缩略图)，百叶窗插件不识别源的变化，仍然显示以前的图像作为一个覆盖。

请参阅下面的代码：http://codepen.io/vobpler/pen/klfEb编辑: jsFiddle链接，以防上面的代码不起作用：http://jsfiddle.net/c8bXE/

这是我的标记：

<div class="featured">
    <a href="">
        <img src="" alt="">
    </a>
</div>

<div class="thumbnails">
    <a href="">
        <img src="" alt="">
    </a>
    <a href="">
        <img src="" alt="">
    </a>
    <a href="">
        <img src="" alt="">
    </a>
</div>

是否有任何方法“卸载”百叶窗，并重新附加在功能图像改变？我试着在源代码更改后重新应用它，但没有做任何事情。

Answer 1

在查看了插件的代码并进行了一些检查之后，我可以看到，您只需要在fullImg.load()处理程序的末尾添加以下行：

$('.loupe > img').prop('src', fullSrc);

请参阅工作小提琴