Skip to main content
 首页 » 编程设计

jquery之Django 模板使用带有 {{}} 的 jquery 脚本

2025年05月04日27bjzhanghao

我想使用 http://filer.grandesign.md/#demos但是查询中的这个脚本使用 {{ }} 的语法,django 无法理解这一点。可以给 django 信息以留下这几行代码并且不要尝试将变量放在那里吗?

{{fi-image}}、{{fi-image}} 等

项目页面中的示例代码:

$('#filer_input').filer({ 
    changeInput: '<div class="jFiler-input-dragDrop"><div class="jFiler-input-inner"><div class="jFiler-input-icon"><i class="icon-jfi-folder"></i></div><div class="jFiler-input-text"><h3>Click on this box</h3> <span style="display:inline-block; margin: 15px 0">or</span></div><a class="jFiler-input-choose-btn blue">Browse Files</a></div></div>', 
    showThumbs: true, 
    theme: "dragdropbox", 
    templates: { 
        box: '<ul class="jFiler-items-list jFiler-items-grid"></ul>', 
        item: '<li class="jFiler-item">\ 
                    <div class="jFiler-item-container">\ 
                        <div class="jFiler-item-inner">\ 
                            <div class="jFiler-item-thumb">\ 
                                <div class="jFiler-item-status"></div>\ 
                                <div class="jFiler-item-info">\ 
                                    <span class="jFiler-item-title"><b title="{{fi-name}}">{{fi-name | limitTo: 25}}</b></span>\ 
                                    <span class="jFiler-item-others">{{fi-size2}}</span>\ 
                                </div>\ 
                                {{fi-image}}\ 
                            </div>\ 
                            <div class="jFiler-item-assets jFiler-row">\ 
                                <ul class="list-inline pull-left"></ul>\ 
                                <ul class="list-inline pull-right">\ 
                                    <li><a class="icon-jfi-trash jFiler-item-trash-action"></a></li>\ 
                                </ul>\ 
                            </div>\ 
                        </div>\ 
                    </div>\ 
                </li>', 
        itemAppend: '<li class="jFiler-item">\ 
                        <div class="jFiler-item-container">\ 
                            <div class="jFiler-item-inner">\ 
                                <div class="jFiler-item-thumb">\ 
                                    <div class="jFiler-item-status"></div>\ 
                                    <div class="jFiler-item-info">\ 
                                        <span class="jFiler-item-title"><b title="{{fi-name}}">{{fi-name | limitTo: 25}}</b></span>\ 
                                        <span class="jFiler-item-others">{{fi-size2}}</span>\ 
                                    </div>\ 
                                    {{fi-image}}\ 
                                </div>\ 
                                <div class="jFiler-item-assets jFiler-row">\ 
                                    <ul class="list-inline pull-left">\ 
                                        <li><span class="jFiler-item-others">{{fi-icon}}</span></li>\ 
                                    </ul>\ 
                                    <ul class="list-inline pull-right">\ 
                                        <li><a class="icon-jfi-trash jFiler-item-trash-action"></a></li>\ 
                                    </ul>\ 
                                </div>\ 
                            </div>\ 
                        </div>\ 
                    </li>', 
        itemAppendToEnd: false, 
        removeConfirmation: true, 
        _selectors: { 
            list: '.jFiler-items-list', 
            item: '.jFiler-item', 
            remove: '.jFiler-item-trash-action' 
        } 
    } 
}); 

请您参考如下方法:

有 verbatim标签

Stops the template engine from rendering the contents of this block tag.

A common use is to allow a JavaScript template layer that collides with Django’s syntax.

{% verbatim %} 
// code here 
{% endverbatim %}