JQuery 将悬停效果应用于整个班级

Question

我有一个问题，在任何地方都找不到具体的答案。

我已经下载了一个 JQuery 插件，因为这是我第一次尝试 java 脚本，我正在尝试将此缩放悬停效果应用于每个图像。 Insted 它将效果应用于整个类并将单个效果应用于所有缩略图。

HTML

<div class="gallery">
   <a href="" class="thumb"><span><img src="images/1.png" alt="" /></span></a>
   <a href="" class="thumb"><span><img src="images/2.png" alt="" /></span></a>
   <a href="" class="thumb"><span><img src="images/3.png" alt="" /></span></a>
   <a href="" class="thumb"><span><img src="images/4.png" alt="" /></span></a>
</div>

CSS

.gallery {
   height: auto;
   padding-left: 0px;
   padding-right: 0px;
   margin-top: 200px;
}

.gallery li {
   padding-left: 10px;
   padding-right: 5px;
   padding-bottom: 5px;
   display:inline-block;
}

.gallery li a.thumb {
   width: 314px; 
   height: 177px;
   padding: 0px;
   cursor: auto;
}

jQuery

$(document).ready(function() {
   $('.gallery').hoverpulse().each(function() {
      var $img = $(this);
      var link = $img.attr('data-link');
      $img.attr('title','Goto: ' + link);
      $img.click(function() {
         window.open(link);
         return false;
      });
   });
});

Answer 1

$(function() {
    $('.gallery img').hoverpulse().each(function() {
        var $img = $(this);
        var link = $img.attr('data-link');
        $img.attr('title','Goto: ' + link);
        $img.click(function() {
            window.open(link);
            return false;
        });
    });
});