테스트 사이트 - 개발 중인 베타 버전입니다

jquery delay 질문 채택완료

지운아빠 11년 전 조회 6,066

http://jsfiddle.net/minsupkr/zKLD9/1/">http://jsfiddle.net/minsupkr/zKLD9/1/ 

 

예제 사이트를 보시면, Click 버튼을 누르면

 

1번 파란색 박스가 먼저 아래로 내려가고, 좀 있다가 2번 빨간색 박스가 아래로 내려가는 데요.

 

Click 버튼을 광클릭하면 2번 빨간색 박스가 먼저 내려가려고 안달이 나서 가만 있질 못합니다. ㅡㅡ;;

(정확히는 2번 빨간색 박스 애니메이션이 실행되기 전에 버튼을 누르면 문제 발생)

 

어설픈 제 지식으로는 delay 가 초기화되지 않아서 그런 것 같은데, 

click 버튼을 광클릭하더라도 1번 파란색 박스가 먼저 내려가고, 2번 빨간색 박스가 내려가게 하려면 어떻게 소스를 고쳐야 할까요?

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
11년 전

오...재밋어서.. 열심힣  한번해봣는데..

 

이렇게 하면 될가요 ?...

 

http://jsfiddle.net/zKLD9/36/">http://jsfiddle.net/zKLD9/36/ 

 

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

지운아빠
11년 전
윽 처음에 이거다! 하고 채택했는데... 이 방법도 완전치는 않네요. ^^;;
2번 박스 애니메이션이 실행되려는 찰나(아주 미묘한 타이밍)에 버튼을 누르면 1번은 제자리에 있고 2번만 움직이네요. ㅠㅠ
유우니얌
11년 전
ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ 맞아요 ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ

댓글을 작성하려면 로그인이 필요합니다.

11년 전

1번 이미지가 움직인 후에야 비로소 2번 이미지가 작동되게 하실려면

var flag=0;

1번이미지 작동 flag=1;

if(flag ==1){ 2번이미지 작동 flag=0; }

 

이런 식으로 작성하면 될 것 같은데요 ㅎㅎ

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인