Django 模板使用带有 的 jquery 脚本
Posted
技术标签:
【中文标题】Django 模板使用带有 的 jquery 脚本【英文标题】：Django template use jquery script with Django 模板使用带有 的 jquery 脚本 【发布时间】：2016-05-27 09:21:03 【问题描述】：我想使用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'
);
【问题讨论】：
【参考方案1】：有verbatim标签
停止模板引擎渲染这个块标签的内容。
一个常见的用途是允许与 Django 的语法发生冲突的 javascript 模板层。
% verbatim %
// code here
% endverbatim %
【讨论】：
以上是关于Django 模板使用带有 的 jquery 脚本的主要内容，如果未能解决你的问题，请参考以下文章
在 django 模板中使用带有隐藏表行的 jQuery 可排序
我无法从 JQuery ajax 调用中加载部分 Django 模板
我无法使用带有 jquery 的 Handsontable 加载数据