html - 在 Django 的每个页面上都包含一个菜单

Question

我对如何正确地做到这一点有点困惑。我有一个名为 menu.html 的模板文件。我想将 menu.html 包含到我网站的每个页面中，所以我已经完成了{% include "menu.html" %}，而且效果很好。我坚持的是，如果我点击一个菜单链接，那么它的颜色应该变成红色，并且只要我在那个页面上就应该保持红色。

假设菜单有指向 A、B、C 和 D 的链接。如果我在页面 B 上，那么 B 应该是红色的，而所有其他的应该是黑色的。

关于如何实现这一点有什么想法？

Answer 1

我发现这是最干净的解决方案之一：http: //djangosnippets.org/snippets/2421/

以防万一该链接失效，这是代码：

CSS

ul.tab-menu li a {
  text-decoration: none;
  color: #000;
}

ul.tab-menu li.active a {
  color: #F00;
}

菜单.html

<ul class="tab-menu">
    <li class="{% if active_tab == 'A' %}active{% endif %}"><a href="#">A</a></li>
    <li class="{% if active_tab == 'B' %}active{% endif %}"><a href="#">B</a></li>
    <li class="{% if active_tab == 'C' %}active{% endif %}"><a href="#">C</a></li>
</ul>

页面'A'</h3>

{% include "menu.html" with active_tab='A' %}

页面'B'</h3>

{% include "menu.html" with active_tab='B' %}

页面'C'</h3>

{% include "menu.html" with active_tab='C' %}