jquery - 使用 jacklmoore 的 jquery zoom 缩放多个图像

Question

我正在使用 jacklmoore 的 jquery zoom ( jacklmore's ) (mouseOver 函数)

在我看来;

<% @pictures.each do |picture| %>
  <span class='zoom' id='ex1'>
    <img src="<%= picture.image.url(:medium) %>" data-zoom-url="<%= picture.image.url %>" />
  </span>
<% end %>

在我的 jquery 文件中；

$('.zoom img').each(function(){
      var zoom_url = $(this).attr('data-zoom-url');
      $(".zoom").zoom({url: zoom_url});
   });

但它不适用于一张以上的图片。有谁知道我该如何解决？

Answer 1

我在 .js 文件中的（文档）上行走。所以它工作了一次。我编辑了我的 .js 文件，如下所示；

$(function(){
    $('#thumbnails img').each(function() {
        var original_img_url = $(this).attr('data-zoom-url');
        $(this)
        .parent()
        .zoom({url: original_img_url});
    });
});