jQuery UIタブを使用して、実装しているポートフォリオページのコンテンツの表示を制御しています。ページは多くの大きな画像で構成されており、タブが完全に読み込まれるまでに約1〜2秒かかります。タブが読み込まれるまですべてのコンテンツを非表示/マスクする方法かどうかを知りたいです。最適には、タブが読み込まれるまで読み込みグラフィックを表示したいと思います。
お知らせ下さい。
ありがとう、ブラッド
$(document).readyは、コンテンツではなくDOMが完全にロードされる場合に使用します。あなたがしたいことは、画像が完全にロードされるまで、タブdivをdisplay:noneに設定することです。オールドスクールのJavaScriptでは、以前は.onload()関数を使用していました。これを使用すると、起動時にタブのdivをdisplay:blockに設定します(またはjQueryの.show()を使用します)。待機グラフィックの場合、css is display:blockであるdivのスピナーを使用します。次に、onload()関数で、jquery .hide()を実行します。