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; 
     }); 
    }); 
});