Javascript 我正在使用jQuery中的onclick函数更改data-*属性的值。阿曲布特的价值发生变化，但不起作用

我的问题是在下面的链接中， . 这是一个产品页面。其中产品有一个原始映像和两个次映像。下面的链接提供了我用于悬停图像缩放的图书馆的详细信息和流程。此库使用

src

属性显示小图像，然后

数据缩放图像

属性具有图像路径，该路径将显示为缩放图像

现在，问题是有人问我，当单击次映像时，主映像应该替换为次映像。我创建了一个函数来替换

src

属性值和

数据缩放图像

属性值。图像正在成功更改，当我检查元素时，我可以看到

数据缩放图像

属性也在更改。但在缩放图像中，只有主图像可见

我无法理解当图像路径在

数据缩放图像

属性中改变时，为什么缩放图像在缩放部分没有改变

---

请有人帮我做这件事。。我的委托人对我很生气。。正在等待正确的解决方案。

如果您有这样的图像：

<img id="zoom_01" src="small/image1.png" data-zoom-image="large/image1.jpg"/>

---

网站上有一个例子

这里有一个提示

var ez = $('#zoom_01').data('elevateZoom');
ez.swaptheimage('http://www.cannonfoam.com/assets/images/product/True Restb.jpg', 'http://www.cannonfoam.com/assets/images/product/True Restb.jpg');

---

我的建议是，你应该看看并修改你的点击事件。

在你的插件网站上有一个与你的案例相同的例子。你只需要跟着它走这是函数。。我看不出有什么错误。。如果你看到，告诉我。$（“缩放01”）.elevateToom（）；$（document）.ready（function（）{$（“.thum”）。单击（function（）{var getsrc=$（this）.attr（“src”）；$（“#zoom_01”）.attr（“src”，getsrc）；$（“#zoom_01”）.attr（“数据缩放图像”，getsrc）；}）；您的代码中没有错误。但您可以尝试使用上面的代码段，将其添加到单击函数中。查看图像是否已更改。您的任务是将静态img_路径更新为正确路径。请尝试重新执行此

$（“#zoom_01”）。elevateToom（）用次映像替换映像后。此外，次映像应该具有唯一的
id
，因此应用
$（“#您的新id”）.elevateToom（）
var ez = $('#zoom_01').data('elevateZoom');
ez.swaptheimage('http://www.cannonfoam.com/assets/images/product/True Restb.jpg', 'http://www.cannonfoam.com/assets/images/product/True Restb.jpg');