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