如何在 django 导航栏下拉列表中显示活动链接？答案

【问题标题】：How do i show an active link in a django navigation bar dropdown list?如何在 django 导航栏下拉列表中显示活动链接？
【发布时间】：2018-03-18 22:43:40
【问题描述】：

我有一个导航栏菜单，其中包含一个链接列表，当用户在页面上时我想显示活动链接，到目前为止，我已经设法使用没有此类下拉菜单的链接来做到这一点。

但我似乎无法正确使用下拉链接，如果用户在下拉链接上的页面上，则导航栏上的父链接会突出显示。如下所示

任何帮助将不胜感激。

【问题讨论】：

标签： python django python-2.7 python-3.x django-templates

【解决方案1】：

有两种方法：管理您的 CSS 以在其任何子项“活动”时突出显示父项，或者（以一些维护开销和 DRY 损失为代价）测试模板中的成员资格：

<li class="dropdown {% if url_name in "neo_app:business,neo_app:IT,neo_app:hospitality" %}
                       active
                    {% endif %}>Faculties</li>

【讨论】：

【解决方案2】：

如果您使用如下名称定义 URL：

url('', 'home_view', name='home'),
url('posts/', 'posts_view', name='blog'),
url('contact/', 'contact_view', name='contact'),

您可以在模板中使用这些名称来使 if 语句起作用：

{% with request.resolver_match.url_name as url_name %}
    <ul id="menu">
        <li class="{% if url_name == 'home' %}active{% endif %}">Home</li>
        <li class="{% if url_name == 'blog' %}active{% endif %}">Posts</li>
        <li class="{% if url_name == 'contact' %}active{% endif %}">Contact</li>
    </ul>
{% endwith %}

这样可以避免 url 路径重复的问题。

【讨论】：

【解决方案3】：

您可以在前端非常轻松地完成这一切，而无需根据 URL 从后端传递任何内容。

如果你的网址例如是“/faculties”，你可以这样做：

{% if '/faculties' in url %} active {% endif %}

【讨论】：

【解决方案4】：

您可以通过在上下文字典视图中传递一个变量来做到这一点。

例子：

context['faculties']=True

然后在html中

{% if faculties %}active{% endif %}

对于每个视图函数，您都可以设置一个要激活的变量。

【讨论】：