html - 如何显示选定的导航选项卡

Question

我有一个导航栏如下:

<ul class="nav nav-tabs">
      <li role="presentation" class="active"><a href="{% url 'list_view' %}">List View</a></li>
      <li role="presentation"><a href="{% url 'table_view' %}">Matrix View</a></li>
</ul>

实际上它是一个 django 模板。我需要实现的是每当用户选择一个导航选项时，用户都可以清楚地看到他选择了哪个。表示事件必须更改为所选选项。但目前它默认为第一个导航选项。我该如何改变它？提前致谢。

Answer 1

您可以编写上下文处理器以传递给模板当前 url 名称:

from django.core.urlresolvers import resolve

def default(request):
    return {
        'current_urlname': resolve(request.path).url_name,
    }

并像这样检查事件链接:

<li role="presentation"{% if current_urlname == 'table_view' %} class="active"{% endif %}>
    <a href="{% url 'table_view' %}">Matrix View</a>
</li>