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

War es hilfreich?

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 ().

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top