Jquery的圖像縮放不是在Opera

Question

正常工作，我從StackOverflow的驗證碼

$(document).ready(function() { 
    $(function(){ 
     $('img').load(function() { 
      $(this).data('height', this.height); 
     }).bind('mouseenter mouseleave', function(e) { 
      $(this).stop().animate({ 
       height: $(this).data('height') * 
         (e.type === 'mouseenter' ? 1.5 : 1) 
      }); 
     }); 
    }); 
}); 

它工作在IE，Chrome瀏覽器，Firefox和Opera。但在Opera中，只有當我第一次進入頁面時（如果我在地址欄中輸入鏈接），它纔會起作用。 我有一個4頁的網站，當我從其他頁面轉到Jquery頁面時，它不會縮放mouseover上的圖片。

Answer 1

使用.each方法而不是.load：

$(function(){ 
    $('img').each(function() { 
     $(this).data('height', this.height); 
    }).on('mouseenter mouseleave', function(e) { 
     $(this).stop().animate({ 
      height: $(this).data('height') * (e.type === 'mouseenter' ? 1.5 : 1) 
     }); 
    }); 
}); 

---

Demo

順便說一句：$(document).ready(function() {等於$(function() {。