Ejecutar funcion al cerrar modal bootstrap

Ejecutar una funcion al detectar que el modal bootstrap se cierra o oculta

by Carlos Quintero

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="container">
  <h2>Ejecutar Acción al Cerrar Modal</h2>
  <p>
  Probaremos como ejecutar una accion al detectar el cierre del modal
  </p>
  <!-- Trigger the modal with a button -->
  <button type="button" class="btn btn-info btn-md" id="myBtn">Ocultar Modal</button>

  <!-- Modal -->
  <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">
    
      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">Ejecutar Acción al Cerrar Modal</h4>
        </div>
        <div class="modal-body">
          <p>Probaremos como ejecutar una accion al detectar el cierre del modal</p>
        </div>
      </div>
      
    </div>
  </div>
</div>

CSS

#myBtn {
    width: 300px;
    padding: 10px;
    font-size:20px;
    position: absolute;
    margin: 0 auto;
    right: 0;
    left: 0;
    bottom: 50px;
    z-index: 9999;
}

JavaScript

$(document).ready(function(){
    
    $("#myModal").modal("show");
    
    
    $("#myBtn").click(function(){
        $("#myModal").modal("hide");
    });
    $("#myModal").on('hidden.bs.modal', function () {
            alert("Esta accion se ejecuta al cerrar el modal")
    });

});