jQuery Tabs로드 될 때까지 숨기기

Question

저는 구현중인 포트폴리오 페이지의 내용 표시를 제어하기 위해 jQuery UI 탭을 사용하고 있습니다. 페이지는 많은 수의 큰 이미지로 구성되며 탭은 완전히로드되기까지 약 1-2 초가 걸립니다. 탭이로드 될 때까지 모든 내용을 숨기거나 마스크하는 방법인지 알고 싶습니다. 최적으로 탭로드 될 때까지로드 그래픽을 표시하고 싶습니다.

알려 주시기 바랍니다.

감사의 DOM이 완전히없는 내용으로로드 할 때입니다 .ready 브래드

Answer 1

$ (문서). 당신이해야 할 일은 이미지가 완전히로드 될 때까지 CSS에서 display : none으로 설정된 탭 div를 갖는 것입니다. oldschool javascript에서는 .onload() 함수를 사용했습니다. 이것을 사용하고 싶을 때 실행하면 탭의 div를 display : block으로 설정하거나 jQuery의 .show()를 사용하십시오. 대기 그래픽의 경우 div의 스피너를 사용합니다. css is display : block입니다. 그런 다음 onload() 함수에서 jquery .hide()를 수행하십시오.