0

ページに 10 個のドロップダウン メニューがあり、各ドロップダウン メニューには約 30 個の項目があります。

これには大量のコード行が必要であり、ページの読み込み時間が少し遅くなります。

A. これらのドロップダウン メニューを含むコードの量を簡素化する方法はありますか?

B. このページのパフォーマンスを改善する方法はありますか?

4

3 に答える 3

1

このクールなプラグインのドロップダウンメニューを確認できます。コードをより適切に構築するのに役立つ場合があります 。http：//twitter.github.com/bootstrap/javascript.html#dropdowns

本当に巨大なメニューがある場合は、メニュー項目をjavascript配列またはオブジェクトにすることを検討してください。ページサイズを節約するために、プレーンなHTMLコードではなくjavascript関数を使用してメニューをレンダリングします。

于 2012-05-16T23:52:34.107 に答える
0

選択フィールドを、ajax呼び出しによって供給されるオートコンプリート入力フィールドと交換しようとしましたか？

このアプローチにはいくつかの利点があります。

  1. より少ないHTMLコード

  2. ページの読み込みが速くなります

  3. 使いやすい

于 2012-05-16T23:44:56.493 に答える
0

ドロップダウンメニューのそれぞれに特定のタイプのデータがある場合、たとえば動物や木など、データベースを作成して動的にドロップダウンメニューに取り込むことができます。手動ですべてを一度にロードしようとするよりも、いくらか速くなります。この方法を使用すると、プロセスが大幅に簡素化され、新しいオプションを追加するのがより動的になります。たとえば、基本的なコードを記述して開始できる場合はどうでしょうか。

于 2012-05-16T23:52:01.017 に答える