글자 : 호버링이 완료되지 않은 경우에도 호버 천이 완료

Question

사진 웹 사이트를 구축하고 있습니다. here : 갤러리 페이지의 : 호버 전환에 문제가 있습니다. 미리보기 이미지 위에 놓이는 두 개의 링크를로드합니다. 하나는 fancybox에서 이미지를 열고 다른 하나는 배경으로 이미지를 설정합니다.

모든 것이 제대로 작동하지만 전환이 완료되기 전에 미리보기 이미지에서 마우스를 가져 가면 원래 상태로 되돌아갑니다.

유휴 상태로 전환하기 전에 전환을 재생할 수있는 방법이 있습니까?

Answer 1

두 가지 콜백을 허용하는 .hover() 메서드를 사용하면 JavaScript가 이상한 것이 아니라고 가정 할 때 하나는 호버, 하나는 호버가 중지 될 때 사용합니다.

$("div.thumb").hover(function(){ 
    // show the magnifying glasses 
    $(this).animate({ top: "0", opacity: 1 }); 
}, function() { 
    // hide the magnifying glasses 
    $(this).animate({ top: "-100px", opacity: 0 }); 
});