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

Posted 2023-02-24

【中文标题】如何在 django 导航栏下拉列表中显示活动链接？

【英文标题】：How do i show an active link in a django navigation bar dropdown list?

【发布时间】：2018-03-18 22:43:40

【问题描述】：

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

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

任何帮助将不胜感激。

【参考方案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 % 

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