Bonsoir,


J'ai sur ma page un lien qui m'ouvre une fenêtre modal, cette fenetre modal contient une page .php avec un formulaire, jusque la pas de soucis, la modal s'ouvre bien.
Mais si je ferme la modal et que je l'ouvre une seconde fois, alors j'ai 2 modales qui apparaissent, et si je ferme les 2 modales et que je clique une troisiéme fois alors j'ai 3 modales qui s'affiche, etc....
Pour résoudre ce problème j'ai rajouté un rafraîchissement de la page a chaque fermeture de la modale,
Code : Sélectionner tout - Visualiser dans une fenêtre à part
window.location.reload(true);
et la après rechargement de la page je n'ai qu'une seul modale qui s'affiche mais c'est gênant de recharger a chaque fois la page, donc je me demande si vous avez deja rencontré ce problème ??? et quel serait la solution ou mes erreur ?

voici quelque bout de mon 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
17
18
19
20
21
22
23
24
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 
<script>
$(document).ready(function () { // quand la page est chargée	
        $('a.mod_passe').click(function(){ 
            $.ajax({ 
                type : 'POST', 
                url : 'modal_modifier_mon_passe.php', //ma page php contenant le formulaire
                data: 'type=pass', 
                success : function(data){ 
					$('#myModal').modal('show').append(data);
					$(this).modal('hide');
                }, error : function(XMLHttpRequest, textStatus, errorThrown) { 
                    $('#myModal').html('Une erreur est survenue !'); 
                }, 
             }); 
         }); 
 
		$('#myModal').on('hidden.bs.modal', function () {
    window.location.reload(true); //ici je rafraichi pour ne pas avoir plusieurs modales d'affiché
})
});
</script>
La <div> de la modale
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<div id="myModal" class="modal fade" role="dialog"></div>
et dans ma page php appeler avec ajax j'ai ce code pour fermer la modale :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<button class="btn btn-default" id="myFormSubmit" data-dismiss="modal">Fermer</button>
Merci d'avance