Jquery 애니메이션 및 포인터 이벤트 : 없음

Question

호버에있는 컨테이너에서 두 개의 다른 div에 두 개의 애니메이션이 있습니다.

<div class="thumbbox"> 
    <div class="thumbimg hover"></div> 
    <div class="thumbtxt2"></div> 
</div> 

Here's 바이올린 : 나는 포인터 이벤트를 제거하지 않는 경우 http://jsfiddle.net/4hWbP/ 문제가있다 : 아무도 오버레이의 DIV에 (.thumbstxt2), 가 가져가 방해와 애니메이션이 버그를 가져옵니다. IE는 포인터 이벤트를 지원하지 않기 때문에이 문제를 해결할 수있는 방법이 있습니까? 어쩌면 다른 jquery 코드 일 수도 있습니다. 저는 여기 멍청한 사람입니다.

PS : 나는이 시도하지만 작업 않았나 : http://jsfiddle.net/6PesR/1/

감사합니다! 대신 [컨테이너 및 사용에

Answer 1

넣어 클래스 .hover 다음 조각을 다음

DEMO

var $j = jQuery.noConflict(); 

$j(document).ready(function() { 

    //THUMBNAIL HOVER 
    $j(function() { 
     $j(".hover").css("opacity", "1"); 

     $j(".hover").hover(function() { 

      $j(this).find('.thumbimg').stop().animate({ 
       opacity: .5 
      }, 200); 

      $j(this).find('.thumbtxt2').stop().animate({ 
       left: 0 
      }, 200); 

     }, 

     function() { 
      $j(this).find('.thumbimg').stop().animate({ 
       opacity: 1 
      }, 200); 

      $j(this).find('.thumbtxt2').stop().animate({ 
       left: -220 
      }, 200); 

     }); 
    }); 

});