[BootStrap] Perte des évènements listeners

**comme de bien entendu** · 16/09/2021, 12h33

Bonjour, j'ai une page php/html avec un menu Bootstrap qui affiche vers le bas par dropdown intem une déconnection mais les Events Listeners sur cette page ne fonctionnent plus. Dans le debugger de Chrome il n'y a aucun event listener associé à cette page. J'ai reconstruit la page html à partir d'une autre page fonctionelle et j'ai encore la même erreur et le navigateur me montre qu'il n'y a aucun Event listener actif et donc pas de possibilitié d'afficher le menu de déconnection.
Je ne vois pas ce qui peut bloquer, voici le code en question.

Code html :

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<?php session_start();
print_r ($_SESSION);
?><!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<title>De nouveaux liens.</title>
</head>
 
<body>
<div class="ensemble">
  <!-- Header -->
<div class="bg-success">
   <div class="container-fluid">
      <div class="row">
        <nav class="col-12 navbar navbar-expand-sm bg-dark navbar-dark">
           <a class="navbar-brand" href="#">
             <img src="Logo/logo.png" width="40" height="40" alt="Site logo">
             De nouveaux liens
           </a>
           <!-- Bouton Toggle Sandwich     -->
           <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarContent">
              <span class="navbar-toggler-icon"></span>
            </button>
 
            <div id="navbarContent" class="collapse navbar-collapse" class="text-center">
             <ul class="navbar-nav">
                <li class="nav-item">
                   <a class="nav-link" href="Caneva.php">Accueil</a>
                </li>
            !--     <?php if (isset($_SESSION['id'])): ?>-->
                <li class="nav-item active">
                  <li class="nav-item">
                     <a class="nav-link" href="Vos_Clients.php">Vos Clients</a>
                  </li>
                  <li class="nav-item">
                     <a class="nav-link" href="Vos_Produits.php">Vos Produits</a>
                  </li>
            <!--         <?php endif ?>-->
                <li class="nav-item active">
                   <a class="nav-link" href="Presentation_Factorielle.php">Analyse Statistique</a>
                </li>
            <!--      <?php if (!isset($_SESSION['id'])): ?>-->
                <li class="nav-item active">
                   <a class="nav-link" href="Connection.php">Connection</a>
                </li>
            <!--   <?php endif ?>-->
                <li class="nav-item ">
                   <a class="nav-link" href="Inscription.php">Inscription</a>
                </li>
              <!--  <?php if (isset($_SESSION['id'])): ?>
                  <li class="nav-item">
                     <a class="nav-link" href="Parametrage.php">Paramétrage</a>
                  </li>-->
                <li class="nav-item dropdown">
                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    Déconnection
                  </a>
                  <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                    <a class="dropdown-item" href="ExecuteDeconnection.php">Je me déconnecte</a>
                  </div>
                </li>
              <!--    <?php endif ?>-->
             </ul>
           </div>
 
         </nav>
       </div>
       </div>
      <br>
      <br>
 
 
 
 </div>
 </div>
</body>
 
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
 
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>