2013-02-15 3 views
3

jQuery에 대한 경험이 거의 없으므로 여기를 참조하십시오. 이미 많은 연구를 수행했지만 잘못된 작업을 파악할 수 없습니다..delay() 작업을 수행 할 수 없습니다.

나는 두 개의 DIV가 서로간에 페이드 인하기를 원하지만 첫 번째와 두 번째 사이에는 지연이 필요하다. 이것은 내가 지금까지 가지고있는 것입니다 :

<script type="text/javascript"> 

$(document).ready(function(){ 

     $("div.1").hide(); 
     $("div.2").hide(); 
     $("div.1").fadeIn(400); 
     $("div.2").delay(800).fadeIn(400); 
}); 

</script> 
<div class="1"> 
This is DIV1</div> 
<div class="2"> 
This is DIV2</div> 

나는 정말로 너희들이 나를 도울 수 있기를 바랍니다!

+6

코드가 작동합니다. 페이지에 jQuery를 추가 했습니까? http://jsfiddle.net/HLHuH/ – Anton

+0

예! 귀하의 도움을 주셔서 감사합니다, jQuery 1.3 내 웹 사이트에 추가했다, 아주 바보 같은. – FrK

+0

페이드는 항상 정확히 800 밀리 초가 걸립니까? 다른 브라우저와 컴퓨터에서 일어나는 일은 콜백이 훨씬 더 견고한 접근 방식입니다. – Liam

답변

2

.delay method이 jQuery 1.4에 추가되었으므로 jQuery 1.3을로드하는 경우 주석에 표시 할 때 문제가된다. 코드가 1.4 이상으로 작성된대로 올바르게 작동해야합니다.

2

:) 미리 감사는 당신이 그렇게 콜백 기능을 사용해야합니다 div.2의 페이드가div.1fadeIn을 발사합니다

("div.1").fadeIn(400, function() {$("div.2").delay(800).fadeIn(400);}); 

을 이런 식으로 지연없이

완료

("div.1").fadeIn(400, function() {$("div.2").fadeIn(400);}); 
+0

필요하지 않습니다. – SeinopSys

+0

실제로'delay() '를 호출하면 첫 번째 애니메이션이 두 번째 애니메이션이 시작될 때까지 완료됩니다. –

+0

사실,하지만 첫 번째와 두 번째 페이드 사이에 간격이 필요하다고 생각했습니다. – Liam

관련 문제