個別の読み込みアニメーションを 1 つのページに読み込む方法を探しています。たとえば、次の概念を使用する必要があります。
- ローディングアニメーションが表示されます（css経由で画面の中央に）。
- ページの準備が整い、表示されます。1. ローディングが非表示になります。
- このページには、複数の php スクリプト (ajax 経由) が分割された div にあり、mysql データベースのコンテンツを取得します。
- PHPスクリプトがロードされている間、PHPスクリプトをロードするロードアニメーションをすべてのdivに配置したいと考えています。
問題は、ローディング アニメーションが互いに干渉しないように、どのようにスクリプト化する必要があるかということです。そして、これにhtml/cssをどのように構築すればよいですか?
私はそれが次のようなものになると思います: すべての div は、読み込み中のアニメーションを含む別の div を取得します。それぞれ ID は同じですが、クラスは異なります。Jquery は、ajax 関数のコールバックで別のクラスを非表示/表示します。これでよろしいですか？それとももっと簡単な方法がありますか？