- 5
- 프요
- 조회 수 376
ajax 요청시 beforeSend로 showLoading()함수를 실행해 '<div.spinner></div>'라는 요소를 추가하고 compelete로 hideLoading()으로 이 요소를 제거하는 방식으로 (애니메이션은 .spinner로 css에 되어있습니다) 로딩 애니메이션을 추가했는데요
약 0.7초 이하의 요청에서는 실행되지 않은 애니메이션이 가운데에서 깜빡거려서 약간 거슬리더라구요.
setTimeout이나 일정 시간 뒤 backgound-color를 넣어주는 방식은 제대로 동작을 하지 않는데 딜레이를 주는 방법이 있을까요?
댓글 5
2017.10.19. 22:49
신고
"STULAB님의 댓글"
이 댓글을 신고 하시겠습니까?
감사합니다~
fadein complete 콜백에서 요소를 display: block; 해서 해결했네요~
2017.10.23. 12:41
신고
"프요님의 댓글"
이 댓글을 신고 하시겠습니까?
으어어어어어.....?
2017.10.20. 12:41
신고
"모니터님의 댓글"
이 댓글을 신고 하시겠습니까?
ajax 요청 전 loader를 호출한 후 응답 받으면 호출한 loader 요소를 삭제한다는 말이었습니다ㅋㅋ
2017.10.23. 12:42
신고
"프요님의 댓글"
이 댓글을 신고 하시겠습니까?
홍...이렇게 쉽게 말하니 이해했습니당.
2017.10.23. 16:22
신고
"모니터님의 댓글"
이 댓글을 신고 하시겠습니까?
권한이 없습니다.
NUBE
jquery에 fadein, fadeout 써보세요.