[Jquery/javascript] hover와 관련된 질문입니다.
본문
<script>
$('#section_2 .part').hover(
function() {
$(this).find(".text").fadeToggle(300);
}
);
</script>
이런식으로 마우스를 오버하면 텍스트가 페이드 노출되는 형태를 사용하고 있습니다.
작동은 정상적으로 하는데, 문제는 마우스를 제가 10번을 왔다갔다하면(빠르게)
마우스가 떠난 이후에도 꼭 10번을 채워서 노출되더라구요.
저는 이렇게 작동하길 원하는게 아니라 10번을 왔다갔다해도 마우스가 떠나면
동작을 안했으면 좋겠습니다.
어떻게 수정하면 될까요?
답변 1
큐를 지워보세요.
$(this).stop();
$(this).clearQueue();
$(this).find(".text").fadeToggle(300);
정말 감사합니다.
만수무강하세요.
답변을 작성하시기 전에 로그인 해주세요.