首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >用Flask和jinja2动态设置活动类

用Flask和jinja2动态设置活动类
EN

Stack Overflow用户
提问于 2019-04-29 07:48:14
回答 1查看 1.7K关注 0票数 0

因此,首先,我想说,我非常肯定我遵循了official documentationSO帖子中提供的说明,这些帖子呼应了文档,以及提供了一些不同的solution

不管怎样,它对我都不起作用。

我的一个问题是关于这段代码在我的文本编辑器中是如何显示的。我附上一张图片来演示jinja2代码是如何格式化的-- <li>元素中的所有内容都是斜体的,而且double ==的行为似乎也很奇怪。

以下是图像中表示的代码部分:

代码语言:javascript
复制
<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页面分配。

有什么建议或帮助让活动页面被归类为这样,我可以在导航中相应地设计样式?谢谢。

Image of code

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-04-29 08:09:35

代码在编辑器中的显示方式不会导致任何问题,但这可能意味着您没有安装语法/语言支持插件/附加组件。

如果没有得到任何模板错误(例如TemplateSyntaxError),则可能是navigation_baractive_page中的数据根本不匹配。你能包括这些数据吗?

或者,我的方法是在基本模板和每个页面模板上设置active_page

代码语言:javascript
复制
{% set active_page = 'home' %}

在导航项目中,我添加了:

代码语言:javascript
复制
<li class="other-styles {{'active' if active_page == 'the page' }}">
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55895502

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档