Onglets jQuery Masquer jusqu'à chargement

Question

J'utilise les onglets de l'interface utilisateur jQuery pour contrôler la présentation du contenu sur une page de portefeuille que j'implémente. La page se compose de nombreuses grandes images et les onglets prennent environ une seconde ou deux à charger complètement. Je veux savoir si leur est un moyen de masquer/masquer tout le contenu jusqu'à ce que les onglets sont chargés. Idéalement, je voudrais avoir un graphique de chargement apparaissent jusqu'à ce que les onglets sont chargés.

Veuillez nous aviser.

Merci, Brad

Answer 1

$ (document) .ready est lorsque le DOM est entièrement chargé par pas le contenu. Ce que vous voulez faire est de faire afficher les onglets div: none dans le css jusqu'à ce que les images soient complètement chargées. Dans oldschool javascript, nous utilisions la fonction .onload(). Vous voudrez l'utiliser et quand il se déclenche, vous définissez la div de l'onglet à afficher: block (ou utilisez .show() de jQuery). Pour le graphique d'attente, utilisez un spinner dans un div dont css est display: block. Ensuite, dans la fonction onload(), faites le jquery .hide().