2012-01-06 3 views
4

하나 롤오버 내가 mouseovermouseleave에 따라 div.slideDown & .slideUp 효과를 생성 할 수 있습니다.JQuery와 한 번

문제는 내가 여러 번 롤오버 할 때 divs을 빨리 롤오프하면 얼마나 많은 시간을 롤백했는지 기억하는 것처럼 보이고 모든 slideDown 및 slideUps가 수행 될 때까지 멈추지 않을 것입니다.

예 : http://juliosalvat.com/IconTest/

+0

안녕하십니까, Julio. 몇 가지 코드 하이라이트를 포함하고 불필요한 구문을 제거하기 위해 질문을 편집했습니다. 희망은 그 것이다 ok! 당신이 BTW에서 일하고있는 멋진 사이트! –

답변

4

네, 이것은 괴로운 것입니다. jQuery를 사용하면 당신이 아마해야하는 대기열의 모든 애니메이션을 제거하고 단지 마지막을 담당 할 것입니다 .stop(true, true)입니다 .stop()

http://api.jquery.com/stop/

사용할 수있는 큐 지름길로, 이벤트 큐를 유지합니다.

+0

달콤한 고맙습니다. –

+0

매트, 그 드롭 다운 효과가있는 방식은 accordian 효과와 같은 jquery를 통해 이루어집니다. $ ('div.AccountingButton'). $ ('div.AccountingContent'). slideDown ('normal'); }); $ ('div.AccountingButton'). mouseleave (function() { $ ('div.AccountingContent'). slideUp ('normal'); }); 그 끝 부분에 그 멈춤을 더하고 싶습니까? –

+0

포럼에 새 소식이 게시되었습니다. –

1

당신은 HoverIntent jQuery 플러그인

http://cherne.net/brian/resources/jquery.hoverIntent.html

hoverIntent에 보일 것입니다 결정하기 위해 시도하는 플러그인입니다 사용자의 ... 의도처럼 크리스탈 공, 마우스 움직임 만! 그것은 처럼 작동하며 jQuery의 내장 호버에서 파생되었습니다. 그러나 대신 onMouseOver 함수를 즉시 호출하면 호출하기 전에 사용자의 마우스가 충분히 느려질 때까지 기다립니다.