2016-12-21 7 views
0

私のプロジェクトでJqueryのタブを使用していて、すべて正常です。すべてのjavascriptが実行された後にページを表示します

しかし、ユーザーがページを開くと、すべてのタブのすべての資料がもう1度表示され、JavaScriptが実行されて画面が通常の状態に戻ります。

これは醜い光景ですが、どうすればこれを防ぐことができますか?すべての読み込みが完了した後にページを表示する方法はありますか?

+2

[完了後のHTMLページの表示](http://stackoverflow.com/questions/3629762/display-html-page-after-loading-complete)の可能な複製 –

答えて

1

ページが読み込まれたときにコンテンツを非表示にして、JQueryを使用して公開することができます。

HTML:

<div id="contentDiv" style="display: none;">....</div> 

はJavaScript:

jQuery(document).ready(function ($) {$('#orderContentsInfoBox').css('display','block');}); 

このjQueryの関数火災ドキュメントが完全にロードされます。タブで隠れる前にコンテンツのちらつきが見えている場合は、タブを設定してコードを挿入してそこにあるコンテンツを表示することをお勧めします。そうすれば、コンテンツはすべてのタブが設定された後にのみ表示されます。

関連する問題