0

例: リンクされたリスト<H4>( <a><H4>maximum 200 characters</H4></a>) とそれに対応する div ( <div>maximum 10000 characters</div>) は、スプレッドシートから同時に取得されます。リンクされた表示のいずれか<H4>がクリックされると ( toggle())、対応する以前の非表示の div ( hide()) が表示されます。<H4>コメント フォームのように、スプレッドシートが大きくなるにつれて、リンクされた関連する div のリストが大きくなります。

質問:

  1. <H4>div を事前に非表示にすると ( )、リストの読み込みが速くなりますか(またはページ上での表示が速くなりますhide()か)?

  2. <H4>質問 1 が否定的である場合、この例では、リンクされたs がロードされた後、ユーザーが<H4>クリックしたときにのみdiv を取得して表示するための最も単純な jQuery 関数構造は何でしょうか? 私はすでにデータ取得関数 (google.jsapi) を把握しているので、ユーザーが補足データをオンデマンドでロードできるようにする正しい jQuery 関数構造が必要です。ポインタはありますか？

注: 現在 jQuery 1.6+ で開発中です。上記のコードは、説明のためだけに簡略化されています。<H4>s がタグ内にラップされている理由<a>は、クロスブラウザーの問題であり、キーボード ユーザーのアクセスキーとタブでのアクセシビリティを許可するためです (each()クリック可能なH4s の方法を試してみましたが、Firefox は私を失望させませんでしたが、IE 6-7 はそれで私を嫌っていました)そして凍った）。

4

1 に答える 1

0

1) div を事前に非表示 (hide()) にすると、リストの読み込みが速くなりますか (またはページ上での表示が速くなりますか)?

答え：

ページをロードするのと同時に非表示の div をロードしている限り、ページのロードが速くなったり大幅に速くなったりすることはありません

2) 質問 1 が否定的である場合、この例では、リンクされた s が読み込まれた後、ユーザーがクリックしたときにのみ div を取得して表示するための最も単純な jQuery 関数構造は何でしょうか?

答え：

ajax を使用してオンデマンドで div を設定し、空の隠し div を含むページを作成し、それらを表示するときに ajax リクエストを使用してそれらの div をロードします。これはすべて、javascript/JQuery を使用して実行できます。

于 2011-12-19T17:25:52.683 に答える