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

【问题标题】：Re-bind jquery plugin to selector after property change?属性更改后将 jquery 插件重新绑定到选择器？
【发布时间】：2013-04-12 16:36:58
【问题描述】：

我为产品页面创建了一个相当简单的图库。一个产品可以有多张图片，所以我决定在上面放一张大特色图片，在下面显示缩略图。当您单击缩略图时，大特色图像将更新以显示更大版本的缩略图。这一切都很好。问题是我想使用一个名为loupe 的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>

有没有办法“卸载”放大镜，并在特色图像更改后重新附加它？我尝试在源更改后重新应用它，但没有做任何事情。

【问题讨论】：

您的 codepen 显示为空..
真的吗？对我来说看起来不错，在退出的 FF/Chrome 中尝试过，应该可以工作！
@Nelson 请查看此 jsfiddle：jsfiddle.net/c8bXE

标签： javascript jquery jquery-plugins bind loupe

【解决方案1】：

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

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

见working fiddle

【讨论】：