如何通过javascript使django include标签中的侧边栏元素处于活动状态？

Question

我在sidebar.html中制作了侧边栏并通过 django include 标记将其包含在 main.html 和 dashboard.html 中以减少数据冗余->

         {% include 'employee/sidebar.html' %}

         {% block content %}
 
         {% endblock %}

现在如何根据不同的页面激活不同的元素（在边栏中）？例如，当我在 dashboard.html 时，仪表板应该在侧边栏中处于活动状态。

这里是sidebar.html

  <ul>

    <li class="nav-item">
    <a class="nav-link" href="admin_dashboard.html">
        <span>Dashboard</span></a>
   </li>


    <li class="nav-item">
    <a class="nav-link" href="main.html">
        <span>Create</span></a>
   </li>


 </ul>

Answer 1

你应该使用 url 标签获取你的另一个 views/urls 的路径，这个标签有一个参数 as 将标签的结果存储为一个变量，这个如果当前路径与 URL

匹配，变量可用于添加类

<ul>
  {% url 'dashboard' as dashboard_url %}
  <li class="nav-item {% if request.path == dashboard_url %}active{% endif %}">
    <a class="nav-link" href="{{ dashboard_url }}"><span>Dashboard</span></a>
  </li>
  {% url 'main' as main_url %}
  <li class="nav-item {% if request.path == main_url %}active{% endif %}">
    <a class="nav-link" href="{{ main_url }}"><span>Create</span></a>
  </li>
</ul>

如何通过javascript使django include标签中的侧边栏元素处于活动状态？

How to make element active in sidebar which is in django include tag through javascript?

html

javascript

django

include