jQuery Tabsロードされるまで非表示

Question

私は実装しているポートフォリオページのコンテンツのプレゼンテーションを制御するためにjQuery UIタブを使用しています。ページは多くの大きな画像で構成され、タブは完全に読み込まれるまで約2〜2秒かかります。タブが読み込まれるまで、すべてのコンテンツを隠す/隠す方法であるかどうかを知りたいです。最適には、タブが読み込まれるまでローディング・グラフィックを表示したいと考えています。

お知らせください。

おかげで、DOMが完全にない内容でロードされたときのためにある.ready ブラッド

Answer 1

$（ドキュメント）。あなたがしたいことは、画像が完全に読み込まれるまで、CSSのdisplay：noneにタブdivを設定しておくことです。 oldschoolのjavascriptでは、以前は.onload（）関数を使用していました。あなたはこれを使いたいと思うでしょうし、起動するときにはタブのdivをdisplay：blockに設定します（またはjQueryの.show（）を使います）。待っているグラフィックの場合は、div：css is display：blockのスピナーを使用します。次に、onload（）関数でjquery .hide（）を実行します。