Jquery toggleClass不起作用，$不是函数

我使用blow代码切换菜单，但我有未捕获的TypeError:$不是控制台中的函数错误。你知道吗

我的html代码：

<script type='text/javascript' src='http://localhost:8888/myfile/wp-includes/js/jquery/jquery.min.js?ver=3.5.1' id='jquery-core-js'></script>

<nav class="navbar st_container">
            <div class="st-navlogo">
           <img src="<?php echo get_template_directory_uri(); ?>/assets/images/logo.png" alt="logo">
            </div>
            <div class="st-navholder">
                <div class="menu-toggle" id="mobile-menu">
                    <span class="bar"></span>
                    <span class="bar"></span>
                    <span class="bar"></span>
                </div>
                <ul class="nav no-search">
              <li class="nav-item"><a href="#">menu 1</a></li>
              <li class="nav-item"><a href="#">menu 2</a></li>
              <li class="nav-item"><a href="#">menu 3</a></li>
              <li class="nav-item"><a href="#">menu 4</a></li>
              <li class="nav-item"><a href="#">menu 5</a></li>
              <i class="fas fa-search" id="search-icon"></i>
              <input class="search-input" type="text" placeholder="Search..">
            </ul>
            </div>
      </nav>

---

jquery代码位置是在

之前还是之后？是否在浏览器的开发工具（F12）的网络选项卡中验证了jquery正在加载？将脚本包装在$（document）.ready（function（）{}）中；如果你没有这样做far@CarstenLøvboAndersen jQuery文件在中，我的js代码在我的中footer@connexo是的，我使用Wordpress并通过解除加载在页面头部的文件。
$("#search-icon").click(function() {
  $(".nav").toggleClass("search");
  $(".nav").toggleClass("no-search");
  $(".search-input").toggleClass("search-active");
});

$('.menu-toggle').click(function(){
   $(".nav").toggleClass("mobile-nav");
   $(this).toggleClass("is-active");
});