Discussion :

[justin8787]

Bonjour,

J'ai un souci avec un menu déroulant, je n'y connais rien mais j'essaie de comprendre les base du javascript.

J'ai une erreur : TypeError: $ is not a function

Et voici le code :

Code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
//SubMenu
$('.dropdown-menu a.dropdown-toggle').on('click', function(e) {
  if (!$(this).next().hasClass('show')) {
    $(this).parents('.dropdown-menu').first().find('.show').removeClass("show");
  }
  var $subMenu = $(this).next(".dropdown-menu");
  $subMenu.toggleClass('show');
 
 
  $(this).parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function(e) {
    $('.dropdown-submenu .show').removeClass("show");
  });
 
 
  return false;
});

Si vous avez une idée, je suis preneur. Je désespère.

[Doksuri]

a 1ere vue, je dirai que ce script est execute avant d'avoir telecharger le fichier jquery

[justin8787]

merci pour ton retour !

j'ai vérifié le code, jquery est pourtant chargé en head et le script du menu en bas de page.

[mathieu]

une petite remarque qui ne va peut-être rien changer à votre souci technique : jquery était très utile il y a quelques années mais depuis, les navigateurs ont fait des efforts dans la gestion du code javascript donc jquery devient de moins en moins nécessaire.

donc si vous débutez en javascript, regardez plutot le code javascript de base.
par exemple pour envoyer une requête http, vous pouvez utiliser le fonction fetch :
https://developer.mozilla.org/fr/doc.../fetch#exemple

vous pouvez aussi regarder ces 2 pages qui vous aident à vous passer de jquery :
https://github.com/camsong/You-Dont-...r/README-fr.md
https://youmightnotneedjquery.com/

[SpaceFrog]

Sans voir l'implémentation de JQuery dans la page et la chronologie de l'appel, cela va être compliqué de dépanner.

[justin8787]

il manquait var $ = jQuery; au début du script et ça fonctionne