javascript - 如何通过javascript在django中的侧边栏中激活元素包含标签？

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 用于获取其他 View /网址的路径的标签，此标签采用参数 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>