jQuery Tabs verstecken, bis Loaded
Frage
Ich bin mit jQuery UI Tabs die Darstellung von Inhalten auf einer Portfolio-Seite zu steuern, ich bin die Umsetzung. Die Seite besteht aus vielen großen Bildern und die Laschen nehmen etwa eine oder zwei Sekunden vollständig zu laden. Ich möchte wissen, ob ihr ein Weg, um sich zu verstecken / maskieren alle Inhalte, bis die Laschen geladen werden. Optimal wäre Ich mag eine Lade Grafik haben scheint, bis die Laschen geladen werden.
Bitte geben.
Danke, Brad
Lösung
$ (document) .ready ist, wenn das DOM vollständig durch den Inhalt nicht geladen wird. Was Sie tun möchten, ist die Registerkarten div Anzeige eingestellt haben: keine in der CSS, bis die Bilder vollständig geladen haben. In oldschool JavaScript aktivieren, verwendeten wir die .onload () Funktion zu verwenden. Sie werden diese verwenden möchten, und wenn es feuert, die Sie auf die Registerkarte des div eingestellt anzuzeigen: Block (oder jQuery .show () verwenden). Für die Warte Grafik, einen Spinner in einem div verwenden, die CSS ist das Display: Block. Dann in der onload () Funktion, führen Sie die jquery .Hide ().