jquery - append {{jinja}}

Question

我正在创建一种表单，用户可以在其中添加一个或两个额外的字段...我正在使用jQuery进行交互，并使用Flask进行模板化，它看起来像这样：

<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引用的值。