Javascript未定义，不是函数错误

Question

我正在尝试修复我网站上的移动导航，但遇到了一个我不明白问题出在哪里的问题。

我有这个：

<header class="main__header">
  <div class="container">
    <nav class="navbar navbar-default" role="navigation"> 
      <div class="navbar-header">
        <a href="javascript:void()" class="submenu">Menus</a> </div>
      <div class="menuBar">
        <jdoc:include type="modules" name="navigation"/>
      </div>
    </nav>
  </div>
</header>

还有这个：

<script type="text/javascript">
        $("a.submenu").click(function() {
            $(".menuBar").slideToggle( "normal", function() {
                // Animation complete.
            } );
        } );
        $("ul li.dropdown a").click( function () {
            $("ul li.dropdown ul").slideToggle("normal",function() {
                // Animation complete.
            } );
            $('ul li.dropdown').toggleClass('current');
        } );
</script>

但是当我尝试单击移动设备的 a.submenu 下拉按钮时出现此错误，并且 menuBar div 没有更改为“可见”：

Uncaught TypeError: $ is not a function
    at HTMLAnchorElement.<anonymous> ((index):1022)
    at HTMLAnchorElement.dispatch (jquery.min.js:3)
    at HTMLAnchorElement.YTF.$event.dispatch (script.js?v=4.4.5:407)
    at HTMLAnchorElement.r.handle (jquery.min.js:3)

(index):1022 是 "$(".menuBar").slideToggle( "normal", function() {" 行。

我已经加载了 jquery 3.5.1。

谢谢。

Answer 1

您的代码要么在加载 JQuery 之前（在其标记之前）运行，要么根本没有加载 JQuery。