페이지 로딩시 로딩중 표시.. 가능할까요?? (사진첨부)

Question

메뉴 버튼 클릭시 해당 페이지를 띄우는데 위 사진과 같이 로딩표시 나오면서 5~6초 정도 시간이 걸립니다.그때 '로딩중' 이라는 gif 사진을 html에 띄우려고 하는데요~ajax로 beforeSend:function(){ $('.wrap-loading').removeClass('display-none'); }, complete:function(){ $('.wrap-loading').addClass('display-none'); },이런식으로 처리해서 '로딩중'을 띄우게는 해봤는데 ajax가 아닌 메뉴명을 눌렀을때, 즉 html을 화면에 띄우기전에 '로딩중'을 보이게 하려면 어떤 작업을 해야 하나요??

kiroki · Answer

메뉴명 element에 클릭 이벤트 리스너 달고클릭이벤트 리스너 안에서 첫번째로 로딩을 띄운다음 그다음에 ajax를 작동시키면 됩니다

잡초123 · Answer

버튼 클릭했을때 이미지 띄워주고 콜백으로 성공하고 난 후에 이미지창 hide 시켜주면 돼요

잭쓴 · Answer

&#64;kiroki도움 감사드립니다~!&#64;잡초123감사합니다~^^

페이지 로딩시 로딩중 표시.. 가능할까요?? (사진첨부)

3개의 답변

Q&A 목록