2

多くの要素を持つ大きなフォームを作成しました。javascript(jquery) を使用して、このフォームに段階的な効果を持たせます。問題は、ページの読み込み中、JavaScript の動作がトリガーされる前に、フォームが乱雑に表示され、そのすべての要素が表示されることです。これを改善するアイデアはありますか？

4

2 に答える 2

1

すべてのフォーム要素を非表示の div (スタイルは display:none) にグループ化し、「読み込み中」メッセージを表示します。

ドキュメントの読み込みが完了したら、次を使用してある種の「スタートアップ」関数をトリガーします 

$(document).ready(function() {
  //unhide the form here
})
于 2012-05-04T09:52:15.610 に答える
1

この動作の一般的な用語は、「スタイル設定されていないコンテンツのフラッシュ」です (解決策を探すときに役立ちます)。技術的には、コンテンツはスタイル設定されていますが (ページが正しく構造化され解析されていると仮定)、JavaScript は追加のスタイル ルールを適用しており、ページが読み込まれるまでそれを行いません。

私が定期的に使用するテクニックの 1 つは、要素を使用するdisplay:none準備ができるまで要素を設定することです。これは常に実用的とは限りません。特定のコードを機能させるには、要素を表示したり、表示ボックスを表示したりする必要がある場合があります。

アイデアについては、この記事を参照してください。

于 2012-05-04T09:49:35.413 に答える