jquery plusieurs modal qui s'ouvrent !
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:
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:
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:
<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:
<button class="btn btn-default" id="myFormSubmit" data-dismiss="modal">Fermer</button>
Merci d'avance :weird:
