어떤 버튼이 클릭되면 타는 function A의 소스입니다.
함수가 실행되면 'name'이 'box'인 checkbox들이 각각 실행되게 됩니다.
그러면서 loading 이미지가 visible로 변하구요.
그리고 ajax를 타고(controller가 db와 연동해서 데이터를 받습니다) data가 성공적으로 받아지고 append가 끝나면
다시 loading은 hidden이 됩니다.
사실, 여기까지 문제가 없었습니다.
하지만 문제는...
each문을 돌다보니까
한번 each문을 돌고 나서 loading이 hidden으로 바뀌고 나면
다음 each문이 돌 때는 이 loading이 뜨지 않습니다....
그러다보니 loading 창이 끝나고, db 몇개는 바로 뜨지만, 또 몇 개는 얼마나 기다려야 하는지도 모르는 채로 몇 분을 기다려야 뜨는 경우가 있습니다...
저는 모든 data가 전부 나오고 append되기 전까지 loading창이 뜨면서 기다려줬다가
모든 data가 나온 뒤에 loading이미지가 사라졌으면 하거든요..
그래서 each문이 끝나는 자리인
confirmFlag = !confirmFlag;
윗부분에
document.getElementById("loadImage").style.visibility="hidden";
이걸 넣어봤더니
그냥 function이 시작되자마자 로딩창이 뜨지도 않고 사라지더군요..ㅜㅜ
어케 하면
db에서 모든 data를 불러와서 append 할 때 까지 loading 창이 살아있을 수 있을까요..? | |
|
등록안내
등록안내
0
0
앙그르르2
