Bloquage page à la fermeture d'une fenêtre modal

Bonjour,
Je ne suis pas une geek ;-)
Je travaille avec le CMS typo3 et Bootstrap
J'ai un problème que je ne parviens pas à résoudre. Sur ma page https://www.energieplus-lesite.be/local/index.php?id=2, j'ai une fenêtre modale qui s'ouvre avec 2 boutons.
Si je ferme cette fenêtre avec le bouton "Je vais y réfléchir" la fenêtre principale (fenêtre du dessous) se bloque, pas d'affichage des scroll verticaux dans cette fenêtre.
Mon code est le suivant.

Dans ma page html :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!--début modal********************* -->
 
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <i class="fa fa-battery-quarter fa-5x" aria-hidden="true"></i>
        <h3 class="modal-title">NOUS MANQUONS D'ENERGIE, AIDEZ-NOUS A RECHARGER NOS BATTERIES !</h3>
      </div>
      <div class="modal-body">
       Depuis plus de 20 ans, Energie+ s’entoure d’une équipe d’experts dans la conception, la gestion, l’évaluation et l’amélioration énergétique des bâtiments tertiaires. Mettre à jour les différentes thématiques et en développer de nouvelles requiert temps et disponibilité. Pour continuer à pouvoir vous proposer des informations en accès libre, sans abonnement et sans publicité, nous avons besoin de votre soutien.
      </div>
      <div class="modal-footer">
        <a href="https://www.energieplus-lesite.be/index.php?id=20783"><button type="button" class="btn btn-danger">ENTENDU, je fais un don maintenant</button></a>
        <button type="button" class="btn btn-info" onclick = "$('.modal').hide()">JE VAIS Y REFLECHIR</button>
      </div>
    </div>
 
  </div>
</div>
 <!--fin modal********************* -->

J'ai notamment mis ce code ci dans mon fichier externe js pour essayer de recharger la fenêtre principale sans succès :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
//########################################################
//                     modal - reload windows
//########################################################
 
$('.modal-content').html('');
$('#myModal').on('hidden.bs.modal', function () {
window.location.reload(true);
});
$('#myModal').modal('hide');
 
$('.modal-content').html('');
 
$('#myModal').on('hidden.bs.modal', function () {
window.location.reload(true);
});
 
$('#myModal').modal('hide');

Merci d'avance pour votre aide

as tu testé le déclenchement lors de la fermeture ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
$( '#myModal' )
   .on('hide', function() {
       console.log('hide');
   })
   .on('hidden', function(){
       console.log('hidden');
   })
   .on('show', function() {
       console.log('show');
   })
   .on('shown', function(){
      console.log('shown' )
   });

Merci !

Grand merci, je viens de trouver.
En fait il suffisait de remplacer :

Code:

onclick = "$('.modal').hide()">

par

Code:

onclick = "$('.close').trigger('click')"

Belle journée

faux espoir ;-(

Bon en fait mon problème n'est pas résolu, malgré le fait que ça fonctionne bien sur mon ordi (?) ça ne fonctionne pas sur les ordi de mes collègues et ce malgré une actualisation du navigateur.
;-(

problème réglé

Grand merci à mes correspondants, tout est réglé.