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

gat*_*agu 3 python django django-templates python-2.7 python-3.x

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

在此处输入图片说明

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

在此处输入图片说明

任何帮助将不胜感激。

Sid*_*ant 18

如果您使用以下名称定义 URL:

url('', 'home_view', name='home'),
url('posts/', 'posts_view', name='blog'),
url('contact/', 'contact_view', name='contact'),
Run Code Online (Sandbox Code Playgroud)

您可以在模板中使用这些名称来使 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 %}
Run Code Online (Sandbox Code Playgroud)

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


Ast*_*and 2

您可以通过在上下文字典视图中传递变量来完成此操作。

例子:

context['faculties']=True
Run Code Online (Sandbox Code Playgroud)

然后在html中

{% if faculties %}active{% endif %} 
Run Code Online (Sandbox Code Playgroud)

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