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

Question

我刚刚下载了 mdbootstrap。按照在我的网页上实现侧边导航的说明进行操作后，我在尝试初始化它时收到以下错误：

Uncaught TypeError: $(...).sideNav is not a function at 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 组件仅供专业用户使用。 也许您尝试使用 "cheap" 版本的 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>

并确保在没有缓存的网络浏览器中刷新文件。您可以通过在 Chrome 中按 Shitf + F5 来刷新它。

Answer 3

您需要先加载 jQuery sideNav。这样做：

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