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

2023-12-11

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

enter image description here

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

enter image description here

任何帮助将不胜感激。


如果您使用如下名称定义 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 路径重复的问题。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 django 导航栏下拉列表中显示活动链接? 的相关文章

随机推荐

  • 糟糕,在使用 Paramiko 连接 SFTP 时未处理类型 3(“未实现”)

    我试图使下面的脚本工作 以便从远程服务器 服务器1 读取特定目录中的CSV文件列表 并将数据移植到另一台服务器的PostgreSQL数据库中 我已经创建了一个 rsa SSH 密钥并将其复制到远程服务器 现在我可以仅使用用户名连接服务器 我
  • Android 代码和资源混淆

    Google 推荐并打包在 ProGuard 中以进行代码混淆 然而 它附带的默认配置似乎很小 并且可以在一定程度上进行逆向工程 大多数寻求逆向工程的人并不是真正在寻找详细代码 而可能是提取逻辑 是否有任何指导方针可以更有效地配置 ProG
  • 通过 Excel VBA 修复 PowerPoint 幻灯片中的文本框(右侧)

    我使用以下代码将一个单元格的内容放在 PowerPoint 幻灯片上 Set Sh Pres Slides 1 Shapes AddLabel Orientation msoTextOrientationHorizontal Left 80
  • React.js 中的冒泡和捕获示例

    我正在寻找在 React js 中处理冒泡和捕获的示例 我发现一个使用 JavaScript 的 但我很难找到 React js 的等效项 我如何在 React js 中创建冒泡和捕获的示例 React 支持冒泡和捕获 其方式与 DOM 规
  • 如何用canvas画一条可以向左移动的曲线?

    我正在编写一个程序来绘制sine curve与画布 HTML
  • JSTL c:if 无法识别 ${} 内的字符串并导致 EL 语法错误

    为什么此代码的 POST 和 提交 部分在我的 IDE 中以不同的颜色突出显示 此外 这里的语法荧光笔不会以相同的颜色突出显示它们
  • 如何定义可以在应用程序中的任何位置访问的全局变量? [复制]

    这个问题在这里已经有答案了 可能的重复 全局 int 变量目标 c 我想创建一个全局变量 我想在任何地方访问这个变量 Java 等效项 static var score int 0 例如 如果我在 Game 类中定义一个全局变量 如何访问这
  • 为什么同源策略不阻止 POST 请求? [复制]

    这个问题在这里已经有答案了 据我所知 跨源 简单 请求 例如 GET 和 POST 始终是允许的 但您只是无法查看响应 并且 PUT DELETE 会被阻止 或者如果您的浏览器支持 CORS 则会进行预检 我明白 只要响应被阻止 允许发送
  • 如何从文本文件中回显随机行

    我的文本文件格式是 这是第一行 这是第二行 这是第三行 文本文件中可能有更多行 如何使用 php ini 在每次刷新时从文本文件中回显一行随机行 感谢所有评论 谢谢 我们谈论的文件有多大 简单的方法是将整个文件作为字符串数组加载到内存中 并
  • 方法隐藏是多态性的一种形式吗?

    多态性是采取多种形式的能力 方法重写是运行时多态性 我的问题是 Java中有静态多态之类的东西吗 方法隐藏可以被视为多态性的一种形式吗 In this 问题的答案 据说静态方法不是多态的 这是什么原因呢 如果我们运行这个测试 class A
  • 用于转置 double[][] 矩阵的紧凑流表达式

    我想转置一个double 具有最紧凑和最有效的表达方式的矩阵 现在我有这个 public static Function
  • 使用 ASP.NET MVC 打印元标记时出现问题

    我正在尝试根据模型中的数据在视图中创建元标记 我的视图代码如下所示 但我的输出看起来像这样 meta name description content lt Html Encode Model MetaDescription gt gt 我
  • 删除 SQL Server 2005 全文索引中的干扰词

    在一个非常典型的场景中 我的 Web 应用程序上有一个 搜索 文本框 其中将用户输入直接传递到存储过程 然后使用全文索引搜索两个表中的两个字段 这两个表使用适当的键连接 我正在使用 CONTAINS 谓词来搜索字段 在传递搜索字符串之前 我
  • 将多行多列值显示为单行多列值

    我必须在一行中显示单个人的多种收入 收入类型和雇主名称值 因此 如果 A 拥有来自三个不同来源的三种不同收入 id Name Employer IncomeType Amount 123 XYZ ABC Inc EarningsformJo
  • xml_parse 无内存错误 PHP

    我在使用 xml parse 时遇到了一个奇怪的错误 我的脚本通过 xml parse 函数在 XML 文件的最后一行返回 无内存 错误 仅当文件大小大于 10Mb 时才会发生这种情况 少一点也是可以接受的 但我有 3Gb 可用于 PHP
  • 将其他文件包含在数据流中

    我的数据流使用 sql文件 该文件包含一个查询 它位于名为的目录中queries 我需要将此文件与我的数据流一起上传 我发现使用了一个manifest in文件 但据我所知 它没有做任何事情 我把这个文件称为MANIFEST in在我的根目
  • Xcode 配置文件位置

    Xcode 8 3 3 中的配置文件位于项目和 或文件目录中的什么位置 对于旧版本的 Xcode 它们的位置 Library MobileDevice Provisioning Profiles 配置文件不与项目一起存储 Xcode 有一个
  • 在没有 Turbolink 的 AJAX 之后在 Rails 中触发 js

    我有一个rails4应用程序 由于我不擅长 js 所以我关闭了 TURBOLINKS 我读了很多文章 但我仍然不知道如何组织我的 javascript 文件 目前我在 AJAX 附加后触发 js 代码时遇到问题 我有一个任务列表 索引页 如
  • Facebook 打开图表,过滤好友列表数组

    我希望我的应用程序能够过滤我使用开放图获得的朋友列表 登录我的网站的人只能看到他们也使用我的应用程序的朋友 我在 Quora Thumb 等许多应用程序上都注意到了这一点 如何使用 php 来完成呢 当您使用 FQL 查询时可以轻松完成us
  • 如何在 django 导航栏下拉列表中显示活动链接?

    我有一个导航栏菜单 其中包含链接列表 我想在用户位于页面上时显示活动链接 到目前为止 我已经设法使用没有这样的下拉菜单的链接来做到这一点 但我似乎无法正确使用下拉链接 如果用户位于下拉链接的页面上 则导航栏上的父链接会突出显示 如下所示 任