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

问题描述 投票:0回答:1

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

error on 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。

bootstrap-4 codepen
1个回答
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>
© www.soinside.com 2019 - 2024. All rights reserved.