Question

我正在使用来自https://github.com/jackmoore/zoom的缩放jquery插件，并且我在缩略图中缩放其他图像时出现问题。它可以缩放原始图像。

请观看视频：https://www.useloom.com/share/0630cf4dd85d403081e1cfbd0443f34c

我的jquery代码：

  $(document).ready(function(){




$('.image-zoom')
  .css('display', 'block')
  .parent()
  .zoom({
    url: $('.image-zoom').attr('data-zoom')

  });


 });

我的猜测问题是从attr定位正确的图像（＆＃39;数据缩放＆＃39;）。

请帮忙。

先谢谢。

Answer 1

我认为问题是因为你正在使用一个类找到你的attr，它会返回所有这些。使用<a href="page1.html#A" onclick= "alert('Page1 was click') " target="_blank">A</a> <a href="page1.html#B" onclick= "alert('Page2 was click') " target="_blank">B</a>可以解决您的问题。

this

通过使用$('.image-zoom') .css('display', 'block') .zoom({ url: $(this).attr('data-zoom') });，我们可以保持当前图像的范围。

jquery插件缩放 - 显示原始图像的缩略图。不是正确的

1 个答案: