附加{{ jinja }}

Question

我正在创建一个表单，用户可以在其中添加一两个字段.我使用jQuery进行交互，使用烧瓶进行模板，它看起来如下所示：

<div id="edu_extension"></div>
<a id="add_edu" class="add_line">Add College or University</a>
<script>
   $( document ).ready(function() {
   $(".add_line").mouseup(function(){
        $("#edu_extension").append("
             {{ forms.year('', form_consultant_errors.year, 'pick a year','college1-yearpicker')}}
        ");
   });
   })   
</script>

但不幸的是，Jinja代码破坏了脚本，导致页脚粘在页面中间，并在必须追加的代码之后呈现代码：

"); });})

所以我想，是否有像xml中的CDATA这样的函数可以处理代码而不解析它呢？

Answer 1

使用tojson|safe将Jinja结果插入到Javascript中：

$("#edu_extension").append(
     {{ forms.year('', form_consultant_errors.year, 'pick a year','college1-yearpicker')|tojson|safe }}
);

这将为您生成一个JavaScript引用的值。