放大镜与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（即使它是完全不相关的问题）。