我有一个导航栏菜单,其中包含链接列表,我想在用户位于页面上时显示活动链接,到目前为止,我已经设法使用没有这样的下拉菜单的链接来做到这一点。
但我似乎无法正确使用下拉链接,如果用户位于下拉链接的页面上,则导航栏上的父链接会突出显示。如下所示
任何帮助将不胜感激。
如果您使用如下名称定义 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(使用前将#替换为@)