$(.).sideNav不是函数

Question

我刚下载了mdbootstrap。按照在我的网页上实现侧导航的说明，当我尝试初始化它时，我会得到以下错误：

Uncaught：$(.).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>

Answer 1

注意，sideNav组件只适用于专业用户。也许您尝试使用“廉价”版本的mdbootstrap导入一个高级组件。

​

​

Answer 2

您需要先加载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>

并确保在没有缓存的情况下刷新web浏览器中的文件。您可以通过在Chrome中使用Shitf + F5来刷新它。

Answer 3

您需要首先加载jQuery sideNav。就像这样：

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