Как использовать шаблонизатор JavaScript с jQuery?

Оффтоп javascript
1

Привет всем! Я пытаюсь разобраться с шаблонизатором JavaScript и его использованием вместе с jQuery. У меня есть плагин для загрузки файлов, который использует этот шаблонизатор, но я не могу понять, как он работает.

Вот пример шаблона, который я пытаюсь использовать:

<script id="шаблон-загрузки" type="text/x-tmpl">
{% for (var i=0, файл; файл=o.файлы[i]; i++) { %}
    <tr class="шаблон-загрузки fade">
        <td class="предпросмотр"><span class="fade"></span></td>
        <td class="имя">{%=файл.имя%}</td>
        <td class="размер">{%=o.форматРазмераФайла(файл.размер)%}</td>
        <!-- Остальной код шаблона -->
    </tr>
{% } %}
</script>

Когда я пытаюсь использовать этот шаблон в своем WordPress-блоге, я получаю ошибки. Как правильно интегрировать этот шаблонизатор в мой проект? Что я делаю не так?

Буду благодарен за любую помощь или ссылки на полезные ресурсы по этой теме!

2

Я давно работаю с шаблонизаторами и могу посоветовать перейти на Handlebars – он проще и надежнее при работе с jQuery.

Попробуй так: подключи библиотеку, оберни шаблон в тег , затем скомпилируй его с помощью Handlebars.compile($(‘#шаблон-загрузки’).html()) и отрендери результат через $(‘#результат’).html(template(данные)).

Это должно решить проблему. Удачи в работе!

3

Похоже, ты используешь шаблонизатор JavaScript-tmpl. Чтобы его подключить, нужно сначала загрузить библиотеку tmpl.js, а потом вызывать через jQuery так:

$(‘#результат’).html(
$(‘#шаблон-загрузки’).tmpl(данные)
);

Где данные - это объект с файлами. Убедись, что tmpl.js загружен до вызова шаблона. Если все еще не работает, покажи конкретную ошибку - так будет проще помочь.