Javascript未捕获类型错误：$不是函数

我到处都找过了，但是我不能找出我的错误，因为我对javascript太陌生了。问题是，当页面第一次加载时，没有错误，所有javascript都可以正常工作，但当我单击“主页”时，控制台会显示一个错误，“$document.ready”下的javascript部分不再工作

以下是错误：

Uncaught TypeError: $ is not a function
at <anonymous>:2:7
at n.t.SnapshotRenderer.n.assignNewBody (turbolinks.self-c5acd7a….js?body=1:6)
at n.t.SnapshotRenderer.n.replaceBody (turbolinks.self-c5acd7a….js?body=1:6)
at turbolinks.self-c5acd7a….js?body=1:6
at n.t.Renderer.t.renderView (turbolinks.self-c5acd7a….js?body=1:6)
at n.t.SnapshotRenderer.n.render (turbolinks.self-c5acd7a….js?body=1:6)
at Function.t.Renderer.t.render (turbolinks.self-c5acd7a….js?body=1:6)
at e.t.View.e.renderSnapshot (turbolinks.self-c5acd7a….js?body=1:6)
at e.t.View.e.render (turbolinks.self-c5acd7a….js?body=1:6)
at r.t.Controller.r.render (turbolinks.self-c5acd7a….js?body=1:6)
(anonymous) @ VM6247:2
t.SnapshotRenderer.n.assignNewBody @ turbolinks.self-c5acd7a….js?body=1:6
t.SnapshotRenderer.n.replaceBody @ turbolinks.self-c5acd7a….js?body=1:6
(anonymous) @ turbolinks.self-c5acd7a….js?body=1:6
t.Renderer.t.renderView @ turbolinks.self-c5acd7a….js?body=1:6
t.SnapshotRenderer.n.render @ turbolinks.self-c5acd7a….js?body=1:6
t.Renderer.t.render @ turbolinks.self-c5acd7a….js?body=1:6
t.View.e.renderSnapshot @ turbolinks.self-c5acd7a….js?body=1:6
t.View.e.render @ turbolinks.self-c5acd7a….js?body=1:6
t.Controller.r.render @ turbolinks.self-c5acd7a….js?body=1:6
(anonymous) @ turbolinks.self-c5acd7a….js?body=1:6
(anonymous) @ turbolinks.self-c5acd7a….js?body=1:6

每次我点击其中一篇文章或主页时都会发生这种情况，但其他页面（如项目和联系人）不会发生这种情况

以下是我的javascript代码：

<script type="text/javascript">
  $(document).ready(function() {
    console.log("called");
    $(".fa-times").click(function() {
      $(".sidebar_menu").addClass("hide_menu");
      $(".sidebar_menu").addClass("opacity_one");
      $(".bodywrapper").removeClass("push");
      $(".bodywrapper").addClass("pushback");
    });

    $(".toggle_menu").click(function() {
      $(".sidebar_menu").removeClass("hide_menu");
      $(".sidebar_menu").removeClass("opacity_one");
      $(".bodywrapper").addClass("push");
      $(".bodywrapper").removeClass("pushback");
    });
  });

  var num = 1;
  function back() {
    if (num == 1) {
      $("#project-1").hide();
      $("#project-3").show();
      $("#project-2").hide();
      $("#a-1").hide();
      $("#a-3").show();
      $("#a-2").hide();
      num = 3;
    } else if (num == 2) {
      $("#project-3").hide();
      $("#project-1").show();
      $("#project-2").hide();
      $("#a-1").show();
      $("#a-2").hide();
      $("#a-3").hide();
      num--;
    } else if (num == 3) {
      $("#project-1").hide();
      $("#project-3").hide();
      $("#project-2").show();
      $("#a-3").hide();
      $("#a-2").show();
      $("#a-1").hide();
      num--;
    }
  }
  function resize() {
    if ( $(window).width() > 955) {
      $("#a-1").show();
      $("#a-2").show();
      $("#a-3").show();
      $("#project-1").show();
      $("#project-3").show();
      $("#project-2").show();
    } else {
      $("#a-1").show();
      $("#a-2").hide();
      $("#a-3").hide();
      $("#project-1").show();
      $("#project-3").hide();
      $("#project-2").hide();
    }
  }

  function myfunction() {
    if (num == 1) {
      $("#project-1").hide();
      $("#project-3").hide();
      $("#project-2").show();
      $("#a-1").hide();
      $("#a-3").hide();
      $("#a-2").show();
      num++;
    } else if (num == 2) {
      $("#project-3").show();
      $("#project-1").hide();
      $("#project-2").hide();
      $("#a-1").hide();
      $("#a-2").hide();
      $("#a-3").show();
      num++;
    } else if (num == 3) {
      $("#project-1").show();
      $("#project-3").hide();
      $("#project-2").hide();
      $("#a-3").hide();
      $("#a-2").hide();
      $("#a-1").show();
      num = 1;
    }
  }
</script>

另外，当我对其进行注释时，错误就消失了，因此问题出在这段代码中，我只是不知道在哪里。

您需要包括

<script
  src="https://code.jquery.com/jquery-3.1.1.js"
  integrity="sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA="
  crossorigin="anonymous"></script>

---

在代码中

您忘记导入jQuery。或者jQuery.noConflict可能正在某个地方使用。或者显示的代码在jQuery、js加载之前插入到页面中。您的错误很容易在web上搜索，以找出可能发生错误的各种原因。如果在调用脚本之前未加载jQuery，则可能会发生这种情况。jQuery是在页面的开头加载的，而这个脚本是在页面的底部吗？@Jonasw lol，你甚至把它算XD了吗