通过当前页面的javascript突出显示导航栏的锚标记?

问题描述 投票:0回答:1

我正在使用django制作Web应用程序,并且在我的基本模板中,有一个导航栏,我想在其中通过javascript添加动态特性,以突出显示您所在页面上的Anchor标签链接,但我无法做到,请帮助。

  • 这是我的base.html代码
<!DOCTYPE html>
{% load static %}
<html lang="en" dir="ltr">
    <head>

        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
        <meta charset="utf-8">
        <link rel="stylesheet" href="{% static 'user/css/mystyle.css' %}">
        {% block title%}
        {%endblock title%}
    </head>
    <body>
        <nav class="navbar fixed-top navbar-dark">
    <a href="{% url 'user:index'%}" class="navbar-brand">MyApp</a>

    <ul class="navbar-nav ml-auto">

        <li class="nav-item"><a href="{% url 'user:index'%}" class="nav-link">Home Page</a></li>
        <li class="nav-item"><a href="{% url 'user:formView'%}" class="nav-link">Sign Up</a></li>
        <li class="nav-item"><a href="{% url 'user:show_data'%}" class="nav-link">About</a> </li>

    </ul>
    </div>
</nav>

    {% block body_block%}

    {% endblock body_block%}

    </body>
    <script src="{% static 'user/js/base.js'%}">

    </script>
</html>

此base.html模板将成为应用程序中所有页面的基础,并且所有页面都具有导航栏。谢谢

javascript jquery html css bootstrap-4
1个回答
1
投票
  1. 在html文件的头部添加jQuery链接
© www.soinside.com 2019 - 2024. All rights reserved.