Я делаю много шаблонов повторного рендеринга (добавление элементов, удаление элементов) с использованием AJAX.Есть ли более простой способ сделать это, где я мог бы заранее определить определенные элементы и передать в ассоциативный массив Javascript, и он вернул бы HTML для меня?Я слышал предложения для Handlebars, но слышал, что они конфликтуют с системой шаблонов 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>')