2
votes

$ (...). sideNav n'est pas une fonction

Je viens de télécharger mdbootstrap. En suivant les instructions pour implémenter un side-nav sur ma page Web, j'obtiens l'erreur suivante lorsque j'essaye de l'initialiser:

Uncaught TypeError: $ (...). sideNav n'est pas une fonction à index.html: 133).

Merci de votre aide. J'ai essayé de réorganiser l'ordre de mes fichiers, mais cela ne semble pas aider.

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

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

javascript jquery mdbootstrap

0 commentaires

3 Réponses :

6
votes

Attention, le composant sideNav est réservé aux utilisateurs professionnels. Vous essayez peut-être d'importer un composant premium avec la version "bon marché" de mdbootstrap

1 commentaires

ouais c'est en fait ça

0
votes

Vous devez d'abord charger 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>

Et assurez-vous d'actualiser le fichier dans le navigateur Web sans cache. Vous pouvez l'actualiser en cliquant sur Shitf + F5 dans Chrome.

2 commentaires

Si l'objet $ (jquery) est reconnu, cela signifie que Jquery est bien importé ;-)

J'ai essayé cela mais je rencontre toujours la même erreur, j'ai vérifié avec votre solution et toujours rien.

0
votes

Vous devez d'abord charger jQuery sideNav. Faites comme ceci:

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

0 commentaires