JQuery: шаблоны. Должен содержаться в блоке скрипта?

Question

Как разработчик JS, я всегда держу свой уровень дизайна отдельно от своего бизнес-уровня. Это означает, что HTML всегда один, файлы CSS и JavaScript являются внешними и включены.

Теперь, в случае шаблонов jQuery, объявленный шаблон должен явно находиться в блоке скрипта страницы. Как в мире вы должны разделить весь свой бизнес? Я не хочу грязного HTML. Я хочу чистый HTML, который никогда не нужно трогать, потому что он был разработан таким образом ...

Существуют ли надежные, проверенные методы для этого?

Answer 1

Вы можете позвонить $.templ(yourTemplateString, data), если хотите.Это возвращает встроенные элементы, которые вы можете затем вставить в документ с помощью «добавления» или чего-либо еще.

Я согласен с вами, что создание шаблонов в виде тегов <script> - не очень крутая идея для всех.

Answer 2

Полагаю, что если вы хотите шаблонизировать свое приложение, попробуйте шаблон jQuery.Но я пришел к выводу, что, как и многие фреймворки, в итоге код усложняется еще больше.

Answer 3

Вы можете использовать другой синтаксис $ .tmpl (), а $ .ajax () - использовать определения шаблонов jQuery, хранящиеся во внешних файлах .

Answer 4

Есть жертва, но то, что выглядит более ремонтопригодно и чисто:

Оригинал:

for(var i=0; i<client.name.length; i++) {
    clRec += "<li><a href='clients/"+client.id[i]+"'>" + client.name[i] + "</a></li>";
}

Шаблоны

<script id="clientTemplate" type="text/html">
    <li><a href="clients/${id}">${name}</a></li>
</script>

Код от http://blog.reybango.com/2010/07/09/not-using-jquery-javascript-templates-youre-really-missing-out/