1ページだけのウェブサイトを作成しました。このページでは、画像をクリックして、ポップアップを表示または非表示にすることができます(jqueryを使用)。
正常に動作します。
これらのポップアップにはすべて、テキストと画像が含まれています(私はphpを使用してこのコンテンツを生成します)。
<div id="pop_up_1>
<!-- content : text / images -->
<div/>
<div id="pop_up_2>
<!-- content : text / images -->
<div/>
and so on
1ページに10ページあるようなものです。たくさんのコンテンツです。
最初にすべてをロードするか、jqueryajaxを使用してコンテンツをロードする方が良いと思いますか?
$("#myDiv").load("ajax/video-mur-images.php");
2つのソリューションをテストしましたが、どちらを選択すればよいかわかりません。
1つ目:すべてが読み込まれ、その後にクエリは実行されませんが、多くのソースコードと要素が読み込まれます。
2つ目は、要素とソースコードが少ないですが、ユーザーがボタンをクリックしたときにコンテンツを読み込む必要があります。
ロードする必要のあるデータの量に依存すると思います。だから私が考慮すべき限界は何ですか?