私のウェブサイトには5ページのコンテンツがあるとします。訪問者が最初のページを見ている間、次の2ページを事前にロードすることは可能ですか?そのため、2番目または3番目のページへのリンクをクリックするとすぐに表示されます。現在のページを見ながら2番目のページをプレロードする
3
A
答えて
2
確かに、あなたはこのようないくつかのinvisbleコンテナ持つことができます。
HTML
<div id="page">
<a href="page2.html" id="page2-link">Go second page</a>
</div>
<div id="page2">
</div>
CSSを
#page2 { display:none }
Javascriptを
その後はJavaScriptでそれがロードされた後、第2のページをプリロードし、invisbleコンテナの上に置く:
$().ready(function(){
$('#page2').load('page2.html #page');
});
そして、リンクがクリックされたときにだけ、選択されたページで隠されたコンテナを示し、他を削除し、ユーザーが何かを返すことを望むときに再び読み込まないように隠すだけです。
$().ready(function(){
$('#page2-link').on('click',function(){
$('#page').html($('#page').html()); //this will replace html content
});
});
関連する問題
- 1. EXTJS4グリッドで現在のページ番号を見つける方法
- 2. ページ番号:ハイライト現在の番号ボタン
- 3. jqueryデータテーブルが2番目のページから機能しない
- 4. 2番目のコンポーネントのビューをangular2から現在のページに追加する方法
- 5. なぜ現在のフレーム番号が現在のページ番号と等しくないのですか?
- 6. ViewPagerの次のページ(または前のページ)をプレロードする
- 7. アクセスレポートの表紙のページ番号をスキップし、2番目のページの新しいページ番号をグループ別に
- 8. 2番目のMySQLデータベースWordPressのPHPページ
- 9. ワードプレスページングURLから現在のページ番号を取得
- 10. クライアントを同じページに保ちながら2番目のPHPスクリプトを実行
- 11. TTLauncherItem 2番目のページに表示
- 12. jQueryが2番目のページのli項目のクリックを認識しない
- 13. MVCのWebページから2番目のRavenDbにドキュメントを保存
- 14. ページの2番目のフォームが機能しない
- 15. Angularjsのデータが2番目のページに表示されない
- 16. Symfony 2の現在のページへのリンク
- 17. 現在のページ項目の境界を指定する
- 18. 現在のページのメニュー項目をjavascriptで更新する
- 19. 2番目以降のページでページネーションが機能しない
- 20. c#asp.net 2番目のページが表示されない
- 21. jQuery Mobile - ヘッダーが2番目のページに表示されない
- 22. 最初のテーブルのページ付け2番目のテーブルとの競合 - ページ番号
- 23. MVC4ソートで現在のページ番号を送信するには?
- 24. Webページの2番目のボタンをEnterキーのデフォルトにする
- 25. HTMLテーブルからPDFへフォーマットしたい(ページ番号、2ページ目が悪い)
- 26. 現在のページの子ページと現在のページリンクを取得する
- 27. Crystalレポートの2番目のページからのグループの表示
- 28. 現在のページのハイライトメニュー項目が表示されます
- 29. 詳細の2番目のページをフォーマットする
- 30. DataTables - 2番目のページのボタンを非表示にする
不可視要素をコンテナとして使用します。 – VisioN