W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
你經(jīng)常想要一個帶有活動導(dǎo)航項的導(dǎo)航欄。這相當容易實現(xiàn)。因為在?block?外 的聲明在子模板中是全局的,并且在布局模板求值前執(zhí)行,在子模板中定義活動的 菜單項:
{% extends "layout.html" %}
{% set active_page = "index" %}
布局模板之后就可以訪問?active_page?。此外,這意味著你可以為它定義默認 值:
{% set navigation_bar = [
('/', 'index', 'Index'),
('/downloads/', 'downloads', 'Downloads'),
('/about/', 'about', 'About')
] -%}
{% set active_page = active_page|default('index') -%}
...
<ul id="navigation">
{% for href, id, caption in navigation_bar %}
<li{% if id == active_page %} class="active"{% endif
%}><a href="{{ href|e }}">{{ caption|e }}</a>/li>
{% endfor %}
</ul>
...
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: