1

コンテンツが変化する Web サイトがあります。要素のリストのテンプレートをロードしたいと思います。要素のデータは、ajax 呼び出しによって個別に収集されます。私のテンプレートは標準のhtmlです。テンプレートを一度だけ js-memory にロードし、それを繰り返してすべての要素に再利用し、$(..).append(my new list-elemnt) でリストに追加できるようにしたいと考えています。

.load() を使用してファイルをロードする方法を理解しましたが、データを再利用してテンプレートに入力することはできませんでした。それを jQuery-Object に変換することは、私の問題の 1 つです。また、これのベストプラクティスが何であるかもわかりません。

要約すると、次のようになります。 1. サーバーからテンプレート (text/html) を 1 回読み込みます。 2. テンプレートを何度も再利用して、個別に収集されたリストからデータを入力します。 3. DOM 内の既存の要素に $( で追加します。私の要素).append()

標準的なjQueryの方法またはより優れたソリューションは大歓迎です。このため、別のライブラリ/依存関係を追加することは避けたいと思います。

jsfiddles としての例は大歓迎です。

4

3 に答える 3

0

私の解決策は次のとおりです。

  1. テンプレートのフィールドを data-properties でマークする
  2. テンプレートをロードし、.clone()で複製します
  3. 次のように、キーと値を使用して foreach を実行することによって設定する data-property-name と値を含む JSON-response を使用する関数を作成しました。
$('*[データ名='+myKey+']').val(myValue);
于 2013-12-17T17:08:42.060 に答える