jQueryのタブがロードされまで隠します

Question

私が実装していますポートフォリオページ上のコンテンツのプレゼンテーションを制御するためのjQuery UIのタブを使用しています。ページには、多くの大規模なイメージで構成され、タブが完全にロードするために1秒か2秒ほどかかります。私は、タブがロードされるまで、すべてのコンテンツをマスク/非表示にする方法自分であるかどうかを知りたいです。最適私はタブがロードされるまでロードグラフィックが表示されていたいと思います。

助言してください。

おかげで、 ブラッド

Answer 1

$（ドキュメント）.ready DOMが完全にない内容でロードされたときのためです。イメージが完全にロードされているまで、CSSでなし：何がしたいだろうことは、ディスプレイへのタブのdivセットを持っています。オールドスクールJavaScriptでは、我々は.onload（）関数を使用するために使用されます。あなたはこれを使用したいと思うでしょうし、それが発火するとき、あなたが表示するタブのdiv要素を設定します。ブロック（またはjQueryの.SHOW（）を使用します）。ブロック：待機グラフィックに関しては、CSSが表示されるのdiv要素にスピナーを使用しています。その後のonload（）関数の中で、jqueryの.hide（）を行います。