在Codepen上得到错误信息。未捕获引用错误：$未定义

Question

在codepen上得到以下错误。不知道是怎么回事。到底什么地方没有定义，我应该怎么改？

$(function() {
  $("#btnHideBanana").click(function() {
    $("#banana").collapse("hide")
  });
  $("#btnShowBanana").click(function() {
    $("#banana").collapse("show")
  });
});
$(document).ready(function() {
  $("#btnHideMonkey").click(function() {
    $("#monkey").collapse("hide")
  });
  $("#btnShowMonkey").click(function() {
    $("#monkey").collapse("show")
  });
});

https:/codepen.ioganiyapenMWKWjKX?editors=1010。

Answer 1

为了使用jquery $ 符号，你需要加入jquery脚本路径。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

$(function() {
  $("#btnHideBanana").click(function() {
    $("#banana").collapse("hide")
  });
  $("#btnShowBanana").click(function() {
    $("#banana").collapse("show")
  });
});
$(document).ready(function() {
  $("#btnHideMonkey").click(function() {
    $("#monkey").collapse("hide")
  });
  $("#btnShowMonkey").click(function() {
    $("#monkey").collapse("show")
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>