Javascript $(…).sideNav不是一个函数

Javascript $(…).sideNav不是一个函数,javascript,jquery,mdbootstrap,Javascript,Jquery,Mdbootstrap,我刚刚下载了mdbootstrap。按照在我的网页上实现侧导航的说明进行操作后,当我尝试对其进行初始化时,会出现以下错误: 未捕获的TypeError:$(…)。sideNav不是函数 在index.html:133) 请帮忙。我尝试过重新排列我的文件顺序,但这似乎没有帮助 <script type="text/javascript" src="js/mdb.min.js"></script> <script> $(".button-collapse").

我刚刚下载了mdbootstrap。按照在我的网页上实现侧导航的说明进行操作后,当我尝试对其进行初始化时,会出现以下错误:

未捕获的TypeError:$(…)。sideNav不是函数 在index.html:133)

请帮忙。我尝试过重新排列我的文件顺序,但这似乎没有帮助

<script type="text/javascript" src="js/mdb.min.js"></script>
<script>
  $(".button-collapse").sideNav();

  var sideNavScrollbar = document.querySelector('.custom-scrollbar');
  Ps.initialize(sideNavScrollbar);  
</script>

$(“.button collapse”).sideNav();
var sideNavScrollbar=document.querySelector('.custom scrollbar');
Ps.initialize(侧导航滚动条);

注意,sideNav组件仅适用于专业用户。 也许您尝试使用“便宜”版本的mdbootstrap导入高级组件


您需要先加载jQuery

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="js/mdb.min.js"></script>
<script>
  $(".button-collapse").sideNav();

  var sideNavScrollbar = document.querySelector('.custom-scrollbar');
  Ps.initialize(sideNavScrollbar);  
</script>

$(“.button collapse”).sideNav();
var sideNavScrollbar=document.querySelector('.custom scrollbar');
Ps.initialize(侧导航滚动条);

并确保在没有缓存的情况下在web浏览器中刷新文件。你可以在Chrome中点击Shitf+F5刷新它

首先需要加载jQuery sideNav。这样做:

$(function(){
  const Ps = new PerfectScrollbar();
  $(".button-collapse").sideNav();
  var sideNavScrollbar = document.querySelector('.custom-scrollbar');
  Ps.initialize(sideNavScrollbar);  
})

如果$object(jquery)被识别,这意味着jquery被很好地导入;-)我已经试过了,但仍然遇到同样的错误,我已经用你的解决方案进行了双重检查,但仍然没有结果。是的,实际上就是这样