Realizar una acción al abrir una modal

publicado por: Anonymous

Con un enlace abro una modal

<a id="btn-AddDate" href="#AddDate" data-toggle="modal" class="btn btn-xs btn-success">Añadir Fecha</a>

<div class="modal fade" id="AddDate">
     ...                     
</div>

Al dar al enlace quisiera realizar una acción aparte de abrir la modal.
He probado esto:

$("#btn-AddDate").on("click",function() {
  $('#msgError').html("");
});

Pero no funciona. No se me ocurre nada mas ¿Alguna otra idea?

solución

No es necesario usar href para abrir una ventana modal, bastaría con añadir el atributo data-target y que haga referencia al id de la ventana que mostraras , para los eventos bootstrap tiene sus propios eventos para detectar el show y el hide de tu ventana Modal modals-events

_x000D_

_x000D_

$("#btn-AddDate").on("click",function() {_x000D_
  alert("Modal Mostrada");_x000D_
});_x000D_
_x000D_
$('#AddDate').on('show.bs.modal', function (e) {_x000D_
  alert("Modal Mostrada con Evento de Boostrap");_x000D_
})_x000D_
$('#AddDate').on('hidden.bs.modal', function (e) {_x000D_
  alert("Modal Cerrada");_x000D_
})

_x000D_

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">_x000D_
_x000D_
<a id="btn-AddDate"  class=" btn btn-xs btn-success" data-toggle="modal" data-target="#AddDate">_x000D_
  Añadir Fecha_x000D_
</a>_x000D_
_x000D_
<!-- Modal -->_x000D_
<div class="modal fade" id="AddDate" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">_x000D_
  <div class="modal-dialog" role="document">_x000D_
    <div class="modal-content">_x000D_
      <div class="modal-header">_x000D_
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>_x000D_
        <h4 class="modal-title" id="myModalLabel">Titulo</h4>_x000D_
      </div>_x000D_
      _x000D_
    </div>_x000D_
  </div>_x000D_
</div>_x000D_
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>_x000D_
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

_x000D_

_x000D_

_x000D_

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *