我想創建一個外觀，允許當用戶按下“滾動”按鈕時，頁面將以滑動效果滾動。但它在我的頁面上不起作用。我嘗試將標記添加到我的 html 文件中，但它也不起作用。我找到了一個腳本，但它不起作用。我的錯誤在哪里？首頁.html    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>    <script  src="{% static 'js/home.js' %}"></script>    <link rel="stylesheet" href="{% static 'css/home.css' %}">    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>...    <section id="section01" class="demo">      <h1> Welcome to PHARSYS  </h1>      <h2>Scroll for Login or Signup</h2>      <a href="#section02"><span></span></a>    </section>    <section id="section02" class="demo">      <h1>Login</h1><br>        <h2>Press the button to log in to the system.      <br><br>      </h2>      <a href="#section03"><span></span>Scroll</a>    </section>    <section id="section03" class="demo">      <h1>Signup</h1>        <h2>Press the button to register to the system</h2>    </section>home.js$(function() {  $('a[href*=#]').on('click', function(e) {    e.preventDefault();    $('html, body').animate({ scrollTop: $($(this).attr('href')).offset().top}, 500, 'linear');  });});