jQuery Tabs esconder até Loaded

Question

Eu estou usando jQuery UI Tabs para controlar a apresentação de conteúdo em uma página portfólio Estou implementando. A página consiste de muitas imagens grandes e as guias demorar cerca de um ou dois segundos para carregar totalmente. Eu quero saber se a sua é uma maneira de esconder / mascarar todo o conteúdo até que as guias são carregados. Otimamente eu gostaria de ter um gráfico de carga aparecer até que as guias são carregados.

Por favor, informe.

Obrigado, Brad

Answer 1

$ (document) .ready é para quando o DOM é totalmente carregado por não o conteúdo. O que você vai querer fazer é ter as guias DIV definido para display: none no css até que as imagens têm totalmente carregado. Em oldschool javascript, estamos habituados a usar a função .onload (). Você vai querer usar isso e quando ele é acionado, você o conjunto div do guia para display: block (ou use .mostrar do jQuery ()). Para o gráfico de espera, use um spinner em um div que do CSS é display: block. Em seguida, na função onload (), faça o .hide jQuery ().