放大鏡與jquery上的動畫

Question

我已經做了放大鏡上的動畫來移動懸停，但我沒有衝突，我不知道爲什麼它不工作。

http://www.kirstymarks.com/

請參閱下面我的代碼： -

$(document).ready(function() { 
$('#ie8 .image-info').css('opacity', '0'); 
    if ($('#ie8 .image-info').length){ 
      $('.entry-image').hover(function(){ 
       $(this).find('.image-info').css('opacity', '1'); 
      }, function(){ 
       $(this).find('.image-info').css('opacity', '0'); 
      }); 
     }; 
}); 
$('.thumbnailwrap .readmore').hover(
      function(){ 
       $(this).find('span').stop(true,true).animate({ 'top' : '-24px', 'opacity' : '0' }, 150, function(){ 
        $(this).css({ 'top' : '86px' }).animate({ 'top' : '9px', 'opacity' : '1' }, 150); 
       }); 
      }, function(){ 
       $(this).find('span').css({ 'top' : '9px', 'opacity' : '1' }).stop(true,true).animate({ 'top' : '46px', 'opacity' : '0' }, 150, function(){ 
        $(this).css({ 'top' : '-24px', 'opacity' : '1' }).animate({ 'top' : '9px' }, 150); 
       }); 
      } 
     ); 

指針是讚賞的傢伙，我不想要的答案，我會愛來教育自己如何我已經錯以上。

什麼，我想重新創建的例子是這樣的： -

http://elegantthemes.com/preview/Origin/

Answer 1

謝謝讓康納在JS聊天的答案。這就是我一直在尋找： -

$(function() { 
$('.readmore').hover(function() { 
    $('span').stop().animate({ 
     top: '-24px', 
     opacity: 0 
    }, 150, function() { 
     $(this).css({ 
      top: '86px' 
     }).animate({ 
      top: '9px', 
      opacity: 1 
     }, 150); 
    });  
}, function() { 
    $(this).find('span').css({ 
     top: '9px', 
     opacity: 1 
    }).stop().animate({ 
     top: '46px', 
     opacity: 0 
    }, 150, function() { 
     $(this).css({ 
      top: '-24px', 
      opacity: 1 
     }).animate({ 
      top: '9px' 
     }, 150); 
    }); 
}); 
}); 

的這個例子： -

http://jsfiddle.net/rusticblonde/T9Gw7/25/

Answer 2

你hover功能需要在您的$(document).ready函數中。

請參閱我的JsFiddle。

我已經做了另一個jsFiddle告訴你同樣的事情，但與.animate而不是.css（即使它是完全不相關的問題）。