javascriptのベストプラクティスについて質問があります。
いくつかの法令を含むドロップダウンメニューがあります。法令が:externalの場合、フォームを表示したいと思います。私はこれを行うための最良の方法を知りません。DIVをDOMから非表示にして、必要なときに表示する必要がありますか、それともjqueryでフォームを動的に生成し、ajaxを呼び出してデータを入力する必要がありますか?
javascriptのベストプラクティスについて質問があります。
いくつかの法令を含むドロップダウンメニューがあります。法令が:externalの場合、フォームを表示したいと思います。私はこれを行うための最良の方法を知りません。DIVをDOMから非表示にして、必要なときに表示する必要がありますか、それともjqueryでフォームを動的に生成し、ajaxを呼び出してデータを入力する必要がありますか?
それは本当にあなたのアプリケーションに依存します。DOM にすでに多くの要素があり、実際にこのフォームを表示する必要がある可能性が低い場合は、後で (ajax を使用して) 追加することをお勧めします。ただし、DOM の負荷が軽く、ほとんどの場合フォームが表示される場合は、フォームをすぐに表示できるように準備して非表示にする必要があります。
また、(ページの読み込み時に JavaScript を使用して) "遅延読み込み" を行い、使用する準備が整うまで json オブジェクトに保持する中間点もあります。これにより、DOM の応答性が維持され、フォームの読み込みが速くなるという追加の利点が得られます。
ユーザーがその要素をクリックする確率と、DOM に既に存在する要素の数によって異なります。非表示にするのではなく、ユーザーがアクションを実行するたびにフォーム ランタイムを作成することをお勧めします。ページ内の非表示要素をすべて表示するブラウザ プラグインがいくつかあります。
ページがすでに異常に大きい場合や、同じページから使用できるこのようなさまざまなフォームが多数ある場合を除き、HTML をページに配置して非表示にして開始するだけで、すべてのマークアップが 1 つにまとめられるという利点があります。 (ページを表す HTML ファイルに) 配置し、その方法でより簡単に集中管理できます。
マークアップを JavaScript に挿入し始めると、マークアップの保守をページの HTML とページに埋め込まれた HTML の両方に分割します。
一方、同じページからすべて使用できるわずかに異なるこれらのフォームが多数ある場合、元の HTML でフォームの可能なすべての組み合わせを事前に指定するのは面倒です。おそらく、javascript を介して動的に生成するか、わずかに変更してテンプレートから生成する方がよいでしょう。