jQuery 루핑 내 페이드/페이드 아웃
문제
jQuery에서 쉽게 .hover (function () 문서를 작성했습니다. 텍스트를 가리킬 때 단순히 #div.fadein과 비호가 페이드 아웃을 원합니다. 그러나 텍스트를 스팸으로써 사용하는 것입니다. 호버와 유효하지 않은 상태로 트리거 한 다음 애니메이션이 깜박 거리는 효과를주기 시작합니다. 단지 루프, 정말 성가신 것입니다!
해결책
이것을 고칠 수있는 몇 가지 쉬운 방법이 있지만, 이것은 당신이 원하는 것에 좋은 효과를 제공해야합니다.
$("#yourtrigger").hover(function(){
$("#div").stop(true).fadeTo( "fast", 1.0);
}, function(){
$("#div").fadeOut( "fast" );
});
사용하지 않는 것이 중요합니다 fadeIn
jQuery가 "Fade In To"를 추적하는 방법 때문에이 방법을 사용하면 잠시 후 페이딩을 중단 할 것입니다.
다른 팁
다음과 같은 것이 있다면 :
$('#your_div').action1().action2();
변경 :
$('#your_div').action1(miliseconds, function() {
$(this).action2();
});
v1.4를 사용하면 이와 같이 Delay () 호출을 추가 할 수 있습니다.
$('your_div').action1().delay(miliseconds).action2();
제휴하지 않습니다 StackOverflow