AJAXを使用して、たくさんの再描画テンプレート(要素の追加、要素の削除)を行います。私は、特定の要素を事前に定義し、Javascriptの連想配列を渡してHTMLを返すことができる場所を簡単にする方法はありますか?私はハンドルバーの提案を聞いたことがありますが、それはDjangoのテンプレートシステムと競合すると聞きました。Djangoテンプレートをテンプレートに追加して、要素をテンプレートに追加する
この例は次のとおりです。
<div id="overlay"></div>
<div id="add-action-box" class="lightbox">
<a class="close" href="#">X</a>
<h2>Add Goal</h2>
<form class="lightbox-form" id="add-action-form">
<div class="lightbox-form-element">
<label>Goal</label>
<input type="text" />
</div>
<div class="lightbox-form-element">
<label>Deadline</label>
<input type="text" />
</div>
<div class="lightbox-form-element">
<input type="submit" value="Add Goal" />
</div>
</form>
</div>
は私が他の場所で上記のHTMLを定義し、jQueryの別の要素に上記を追加できるようにすることができるようにしたいです。上記のように入力してすべての改行を削除したり、\を追加したり、すべての箇所に引用符を入れたりするのは嫌いです。読みにくくなります。
このように同じライン上にあるときにHTMLを編集することにイライラさせられる:
$("body").append('<div id="add-action-box" class="lightbox"><a class="close" href="#">X</a><h2>Add Goal</h2>')