dsp (동적 서버 페이지)에서 새 탭이 열렸을 때 페이지로드 스피너를 추가 할 수 없습니다.

Question

dsp (동적 서버 페이지) 페이지 링크를 클릭하면 페이지로드 스피너를 추가하려고합니다. 다른 스레드에서 지정된대로 onload 및 div 기능을 시도했지만 페이지가로드되기 전에 스피너가오고 페이드 아웃하지 않습니다.

링크를 클릭하면 페이지가로드 될 때까지 빈 페이지가 표시되고 본문이 페이지에로드되기 바로 전에 회 전자가 시작되어 페이지에 남아 있습니다.

누군가 나를 도와주세요. 링크를 클릭하면 서비스 출력 (본문)이 페이지에 표시 될 때까지 회 전자가 있어야합니다. 감사합니다 Harish

Answer 1

은 HTML과 CSS를 로딩 스피너를 만듭니다. 페이지 하단에 자바 스크립트를로드하고 ID로 스피너를 선택하고 숨 깁니다. 이렇게하면 로딩 과정에서 스피너가 가능한 한 빨리 표시되고 페이지와 자바 스크립트가로드 된 후 숨겨 지거나 페이드 아웃됩니다.

당신이 당신의 질문에서

$("#spinner").fadeOut("slow"); 

을 jquery-- 사용하는 당신은뿐만 아니라 스피너를 보여주기 위해 자바 스크립트를 사용하는 것처럼 들린다면하는이 페이지가 로딩되지 동안 종료 직전에 표시되는 이유 로드 중입니다.

편집 : 다음은 작업 예 .- 내가 display:none 속성을 사용하여 CSS에서 페이지의 나머지 부분을 숨긴 http://codepen.io/anon/pen/XKoqZq 와 codepen입니다. 선택 사항이지만로드가 완료되면 전체 페이지가 한 번에 표시됩니다.