Javascript Template Engine Использование с JQuery - PullRequest
Новая
       1

Javascript Template Engine Использование с JQuery

2 голосов
/ 01 марта 2012

Все, я пытаюсь использовать демонстрацию загрузки файла jQuery: http://blueimp.github.com/jQuery-File-Upload/

Мой вопрос заключается в том, что в документации сказано, что он использует Javascript Template Engine (https://github.com/blueimp/jQuery-File-Upload/wiki/Template-Engine)

Однако я не знаком с этим процессом. Я пытаюсь интегрировать его в свой блог Wordpress, чтобы разрешить загрузку файлов таким способом. В index.html определен следующий шаблон: 

<script id="template-upload" type="text/x-tmpl">
{% for (var i=0, file; file=o.files[i]; i++) { %}
    <tr class="template-upload fade">
        <td class="preview"><span class="fade"></span></td>
        <td class="name">{%=file.name%}</td>
        <td class="size">{%=o.formatFileSize(file.size)%}</td>
        {% if (file.error) { %}
            <td class="error" colspan="2"><span class="label label-important">{%=locale.fileupload.error%}</span> {%=locale.fileupload.errors[file.error] || file.error%}</td>
        {% } else if (o.files.valid && !i) { %}
            <td>
                <div class="progress progress-success progress-striped active"><div class="bar" style="width:0%;"></div></div>
            </td>
            <td class="start">{% if (!o.options.autoUpload) { %}
                <button class="btn btn-primary">
                    <i class="icon-upload icon-white"></i> {%=locale.fileupload.start%}
                </button>
            {% } %}</td>
        {% } else { %}
            <td colspan="2"></td>
        {% } %}
        <td class="cancel">{% if (!i) { %}
            <button class="btn btn-warning">
                <i class="icon-ban-circle icon-white"></i> {%=locale.fileupload.cancel%}
            </button>
        {% } %}</td>
    </tr>
{% } %}
</script>

Я использую код jQuery Tmpl (https://github.com/jquery/jquery-tmpl), и когда я пытаюсь создать его в своем блоге Wordpress, в моем файле jquery.fileupload-ui.js появляются следующие строки: 

_initTemplates: function () {
        var options = this.options;
        options.templateContainer = document.createElement(
            this._files.prop('nodeName')
        );
        options.uploadTemplate = tmpl(options.uploadTemplateId);
        options.downloadTemplate = tmpl(options.downloadTemplateId);
    },

Ранее в этом файле это определяется следующим образом: uploadTemplateId: 'template-upload',

Я запутался, почему это не сработало, или даже как использовать мой собственный шаблон javascript для этого.это? Когда я пытаюсь скопировать эти файлы в мой блог Wordpress, это всегда дает сбой, и единственное, что я не думаю, что копирую, это файлы package.JSON и .gitignore при первоначальной загрузке. Какое значение играют эти файлы? Простотрчтобы понять, что это за шаблон и как его использовать?

Все, на что вы можете указать мне заранее, очень ценится!Спасибо за помощь!

1 Ответ

1 голос
/ 20 марта 2012

.gitignore - это файл управления исходным кодом, не относящийся к сценариям - для получения дополнительной информации см. http://help.github.com/ignore-files/.

package.JSON - файл метаданных для плагинов jquery для использования новымиСайт плагина jquery и не имеет ничего общего с функционированием плагина, который вы пытаетесь использовать - для получения дополнительной информации см. https://github.com/jquery/plugins.jquery.com#readme.

Моя лучшая догадка для ошибки - столкновение файлов скриптов междуплагин и что у вас уже есть на WordPress.

Не могли бы вы опубликовать фактические сообщения об ошибках?

...