jQuery 호버 효과 문제

Question

일부 링크에 호버링 효과가있는 간단한 jQuery 스크립트를 만들었습니다. 스크립트는 여기에서 볼 수 있듯이 잘 작동합니다. 테스트 샘플 ... (IE 이외의 브라우저에서 테스트하십시오)

하지만 내가 호버링한다면 빠른 링크에서는 이미지 아이콘이 필요에 따라 사라지지 않음을 알 수 있습니다. 나는 이것을 해결하기 위해 모든 것을 시도했지만 적절한 솔루션을 찾을 수는 없습니다.

지금 질문 : 마우스 오버 호버 효과가 완전히 완료된 후 마우스 아웃 호버 효과가 적용되도록하려면 어떻게해야합니까?

Answer 1

당신은 신청해야합니다 stop() 애니메이션 된 요소에. 이 시도:

function hide_frame() {
   var hoveredLang = $(this).parent();              
   hoveredLang
      .find('.language-name').stop(true, true)
      .find('.download-img').stop(true, true)
      .find('.info-img').stop(true, true);
   //eccetera...

Answer 2

애니메이션 효과는 완료 기간이 완료되므로 애니메이션 중에 호버/비버가 발생하는 케이스를 처리해야합니다.

나는 jquery를 사용합니다 stop 기능 (http://docs.jquery.com/effects/stop)

예를 들어.

$ ( "selector"). stop (true, true) .youreffect (.....);

시도 해봐.