gpt4 book ai didi

Django - 根据网页更改事件导航栏模板

转载 作者:行者123 更新时间:2023-12-02 17:25:38 24 4
gpt4 key购买 nike

我的 html 中有一个看起来像这样的模板。它使用 Bootstrap 类。

  <-- navbar-template.html>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li><a href="/home/">Home</a></li>
<li class='active'><a href="/members/">Members</a></li>
<li><a href="#">Research</a></li>
<li><a href="#">Publications</a></li>
<li><a href="#">Links</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
</ul>
</div>

我喜欢 active 类,但我需要根据导航栏 django 加载的页面更改它所基于的列表对象。

我想你想在 home.html 文件中做这样的事情

<-- HOME -->
{% include "navbar_template.html" with page="home"} %}

###Do something with {{page}} variable in order to set the home list tag to active.

我是否必须编写大量的 if else 语句,或者是否有更简单的方法。也许与 django 中的 views.py 有关

最佳答案

你可以这样做(我在我的页面上使用的示例解决方案):

<ul class="sidebar-nav--primary">
{% url 'main:home' as home %}
{% url 'main:work' as work %}
{% url 'main:personal' as personal %}

<li><a href="{{ home }}" {% if request.path == home %}class="active"{% endif %}>Home</a></li>
<li><a href="{{ work }}" {% if request.path == work %}class="active"{% endif %}>Work</a></li>
<li><a href="{{ personal }}" {% if request.path == personal %}class="active"{% endif %}>Personal</a></li>

</ul>

关于Django - 根据网页更改事件导航栏模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38808810/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com