Javascript 当src在使用放大镜js时发生变化时，如何刷新img src？

我用图像放大镜来放大图像。它工作正常，但我正在使用java脚本来更改图像的src，但悬停时放大不刷新它仍然显示旧图像，但图像已更改。 更改图像的脚本：

function SwitchPic(a) {
    $("#img").attr("src", a );
    $("#example4").attr("href", a );
}

我使用放大镜js的HTML代码

<img data-toggle="magnify" id="img" style="width:288px;" alt="example4" src="~/Images/Product/abc.jpg" />

HTML，其中我调用java脚本来更改图像src

<a onclick='SwitchPic("/Images/Products/xyz.jpg")'>
    <img class="thumbnail" style="width: 128px; display:inline-block;" src="~/Images/Products/xyz.jpg" />
</a>

---

如果查看放大代码，您会看到以下初始值设定项：

$('[data-toggle="magnify"]').each(function () {
    var $mag = $(this);
    $mag.magnify()
})

放大图像没有得到更新的原因是放大初始值设定项已经运行，并且没有监视任何

src

更改。您可以通过在

SwitchPic

中添加手动调用来修复此问题：

function SwitchPic(a) {
  img = $("#img")
  img.attr("src", a );
  img.magnify()
}

---

这里有一个问题。

您能否提供我链接到的链接正在工作。您可以创建一个显示您的问题的图标吗？您链接的JSFIDLE也不工作，悬停时图像未缩放