가장 바깥 쪽 fadeIn 문과 동일한 요소에서 중첩 된 fadeOut이 작동하지 않는 이유는 무엇입니까?

Question

아무도이 $("#opening-first").fadeOut() 라인이 실행되지 않는 이유를 말해 줄 수 있습니까 ??

$(document).ready(function(){ 

    $("#opening-first").fadeIn(1000).delay(1000, function() { 
    $("#opening-second").fadeIn(1000, function() { 
    $("#opening-first").fadeOut(1000, function() { 
     $("#body-overlay").delay(1000).fadeOut(1000); 
    }); 
    }); 
    }); 
}); 

이것은 매우 직설적 인 것처럼 보입니다. 다음은 HTML입니다.

<div id="body-overlay"> 
    <div class="centered"> 
     <h1 id="opening-first">My name is Trevor Hinesley.</h1> 
      <p class="medium" id="opening-second">And I like creating.</p> 
    </div> 
</div> 

Answer 1

코드가 첫 번째 지연으로 인해 간단하게 작동하지 않습니다. 두 번째 매개 변수 delay()은 큐 이름의 문자열이어야합니다. 해당 큐 이름을 stop() 함수 또는 "큐"를 사용하는 다른 메서드로 재사용 할 수는 있지만 여기에서하는 작업이 아니기 때문에 중요하지 않습니다. 두 번째 fadeIn을 지연 할 경우

, 코드는 같아야합니다 : 바이올린은

$("#opening-first").fadeIn(1000, function() { 
    $("#opening-second").delay(1000).fadeIn(1000, function() { 
     $("#opening-first").fadeOut(1000, function() { 
      $("#body-overlay").delay(1000).fadeOut(1000); 
     }); 
    }); 
}); 

: http://jsfiddle.net/rk4Bz/