web-dev-qa-db-fra.com

Comment recharger une page à la fermeture d’un Bootstrap 3 modal

Mon but est de faire recharger la page à la fermeture d'un modal Bootstrap). L'utilisateur peut fermer le modal en cliquant sur le bouton ou l'icône de fermeture ou en cliquant en dehors du modal.

Mon code est jusqu'ici assez standard. Extrait de: http://getbootstrap.com/javascript/#modals

<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  Launch
</button>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">My title</h4>
      </div>
      <div class="modal-body">
        My content
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save</button>
      </div>
    </div>
  </div>
</div>

Comment puis-je recharger la page après la fermeture d'un modal?

Mise à jour: Wow, réponse rapide fantastique de tout le monde. Merci

javascriptjquerytwitter-bootstraptwitter-bootstrap-3
33
henrywright

Vous pouvez lier l'événement pour recharger la page en cliquant sur fermer:

$('#myModal').on('hidden.bs.modal', function () {
 location.reload();
})

Démo

72
Milind Anantwar

essayez ceci avec votre bouton:

onclick="javascript:window.location.reload()"

bouton complet:

<button type="button" onclick="javascript:window.location.reload()" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>

exemple: http://jsfiddle.net/Valtos/52VtD/2288/embedded/result/

8
Manuel Richarz
$('#myModal').on('hidden', function () {
  document.location.reload();
})

Démo

7
N J