마우스를 가져 가면 애니메이션이 멈 춥니 다.

벽돌을 사용하여 벽돌을 사용하고 있습니다 (link masonry). 목록의 객체에 "페이드"기능을 구현하려고합니다.마우스를 가져 가면 애니메이션이 멈 춥니 다.

문제는 필터를 걸고 애니메이션이 실행 중일 때 마우스 위로 빠르게 움직이면 모든 div가 멈추는 문제입니다. 이 때문에, 애니메이션 대기열을 지우거나 그것의 끝으로 이동하지 않습니다

<script type="text/javascript"> 

$(document).ready(function() { 

    //area 1 
    $('.wrap').children().not('.col2').hover(function() { 

    $(this).siblings().stop().fadeTo(500,0.5); 

    }, function() { 

    $(this).siblings().stop().fadeTo(500,1); 

    }); 
}); 

</script>

출처

2011-04-19 jeppe

옆에있는 체크 표시를 클릭하여 정확한 답변을 표시하십시오. –

그리고 게시물에 서명을 중지하십시오! –

은 문제가 무엇인지 사실인지 모르겠지만, .stop() 매개 변수없이하지 : 여기

내가 사용하고 코드입니다 페이드 중간에 멈추게 될 것입니다 (이것은 당신이 말하는 것입니까?).

대신 .stop(true, true)으로 전화 해보세요.

출처

2011-04-19 19:50:24

감사! 그게 해결! 하지만 마우스를 여러 개체 위로 빠르게 움직일 때 전환이 더듬어지지 않고 정지시 "true, true"가없는 것처럼 부드럽지는 않습니다. – jeppe

사실이지만 드문 경우입니다. 옆에있는 체크 표시를 클릭하여 정답으로 표시하십시오. –

마우스를 가져 가면 애니메이션이 멈 춥니 다.

답변

관련 문제