JavaScript语法 - 使用Jinja2和Google App Engine

javascript syntax - using jinja2 and google app engine

本文关键字:Google App Engine Jinja2 语法 使用 JavaScript      更新时间:2023-09-26

我一直得到未捕获的语法错误:在我的 {% endfor %} 行中意外令牌非法 - 我在谷歌应用引擎python服务器代码中使用jinja2,错误在我的一个html模板中:我正在尝试创建一个类别菜单,根据选择的父类别显示子类别 - 我希望它滑动切换以显示子类别。 我是JS/Jquery的新手。 关于我的语法有什么问题的任何想法?

function create_first() {
    var first_level = "<div id='colOne'>";
    {% for each in by_subject_level1 %}
        first_level+= "{{each.name1}}<br />";
    {% endfor %}; 
    $(#filtered_courses).append(first_level);   
}

让我们看看..解决您的直接问题:

  • $(#filtered_courses).append(first_level); -> $("#filtered_courses").append(first_level);
  • 您不需要{% endfor %}后的分号,但我很确定这不会引起任何问题
  • 不要忘记关闭first_level内容,方法是添加"
",然后再将其附加到您的filtered_courses div

一个建议:字符串连接 - meh(取决于by_subject_level1列表的大小)。 而不是 +=,创建一个数组 ([]),推送您的内容,然后使用

first_level = [];
first_level.push("{{each.name1}}");
html = "<div class='colOne'>" + first_level.join("<br/>") + "</div>"; // if you need <br/> before the div, add it