javascript - $(...).sideNav 不是函数

Question

我刚刚下载了 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>

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);  
})