因此,首先,我想说,我非常肯定我遵循了official documentation和SO帖子中提供的说明,这些帖子呼应了文档,以及提供了一些不同的solution。
不管怎样,它对我都不起作用。
我的一个问题是关于这段代码在我的文本编辑器中是如何显示的。我附上一张图片来演示jinja2代码是如何格式化的-- <li>
元素中的所有内容都是斜体的,而且double ==
的行为似乎也很奇怪。
以下是图像中表示的代码部分:
<ul class="side-link-container center-align">
{% for href, id, caption in navigation_bar %}
<li{% if id == active_page %} class="active"{% endif
%}><a href="{{ href|e }}">{{ caption|e }}</a>
</li>
{% endfor %}
它与jinja2文档中规定的内容几乎相同(此处未显示代码的其他部分,即导航栏的for循环和子模板和layout.html中的set activate页面分配。
有什么建议或帮助让活动页面被归类为这样,我可以在导航中相应地设计样式?谢谢。
发布于 2019-04-29 08:09:35
代码在编辑器中的显示方式不会导致任何问题,但这可能意味着您没有安装语法/语言支持插件/附加组件。
如果没有得到任何模板错误(例如TemplateSyntaxError
),则可能是navigation_bar
或active_page
中的数据根本不匹配。你能包括这些数据吗?
或者,我的方法是在基本模板和每个页面模板上设置active_page
:
{% set active_page = 'home' %}
在导航项目中,我添加了:
<li class="other-styles {{'active' if active_page == 'the page' }}">
https://stackoverflow.com/questions/55895502
复制相似问题