Voilà, j'ai un petit soucis, j'utilise les modals (modaux ?) bootstrap mais j'ai un petit soucis au niveau d'un modal. Je souhaiterais que lorsque mon modal se ferme, que la div "modal-content" du modal id="photos" redevienne vierge.
Bonjour spontanément je dirais qu'il faut mettre un événement sur le click du bouton qui permet de fermer ta modal. Et à l'intérieur de cet événement vider la div qui contient la photo.
J'utilise ça (issu de la doc Bootstrap) mais celui-ci ne fonctionne pas... :/
$('#photo').on('hidden.bs.modal', function (e) {
})
(J'ai même tenté une alert à la fermeture du modal pour voir si c'était empty() qui ne fonctionnait pas mais pour le coup aucuns des deux fonctionnes )
Quelle est ta version de bootstrap? Essayes cette version :
$('#photo').on('hidden', function () {
alert('test');
})
Autre question ? Est-ce que t'es sûr que c'est sur le bon div que tu as mis l'id photo? Essaye sur les autres div peut être que le div que tu écoute pour la fermeture n'est pas le bon. Par exemple
Je te mets la liste de tous les plugins déclaré en JS, je pense que ça pourrait être une interférence mais bizarre vu que le fonctionnement du modal n'est pas modifié,
Il ne se passe rien comme si le code ne s'exécuté simplement pas... :/
Haha merci de ton aide en tout cas...
Edit : En fait j'arrive à avoir cette erreur :
Uncaught ReferenceError: $ is not defined
at photos:522
(anonymous) @ photos:522
Edit 2 :
J'ai enfin réussi en utilisant donc :
<script>
$('#photo').on('hidden.bs.modal', function () {
$('#photo-content').text("");
})
</script>
En nettoyant le code et surtout j'ai mis #photo-content sur la div modal-body !
- Edité par Marwinzien 26 mars 2017 à 22:46:23
Cordialement, Marwinzien.
Action à la fermeture d'un modal (bootstrap JS)
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.