문제
일부 링크에 호버링 효과가있는 간단한 jQuery 스크립트를 만들었습니다. 스크립트는 여기에서 볼 수 있듯이 잘 작동합니다. 테스트 샘플 ... (IE 이외의 브라우저에서 테스트하십시오)
하지만 내가 호버링한다면 빠른 링크에서는 이미지 아이콘이 필요에 따라 사라지지 않음을 알 수 있습니다. 나는 이것을 해결하기 위해 모든 것을 시도했지만 적절한 솔루션을 찾을 수는 없습니다.
지금 질문 : 마우스 오버 호버 효과가 완전히 완료된 후 마우스 아웃 호버 효과가 적용되도록하려면 어떻게해야합니까?
해결책
당신은 신청해야합니다 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...
다른 팁
애니메이션 효과는 완료 기간이 완료되므로 애니메이션 중에 호버/비버가 발생하는 케이스를 처리해야합니다.
나는 jquery를 사용합니다 stop
기능 (http://docs.jquery.com/effects/stop)
예를 들어.
$ ( "selector"). stop (true, true) .youreffect (.....);
시도 해봐.
제휴하지 않습니다 StackOverflow