Блог

Я только что скачал mdbootstrap. Следуя инструкциям по внедрению боковой навигации на моей веб-странице, я получаю следующую ошибку при попытке ее инициализации:

Неперехваченная ошибка типа: $(…).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>
  

Будьте осторожны, компонент 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>
  

И убедитесь, что вы обновили файл в веб-браузере без кэша. Вы можете обновить его, нажав Shitf F5 в Chrome.

Сначала вам нужно загрузить jQuery sideNav. Сделайте вот так:

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