Saltar al contenido

Botón de cierre modal de Bootstrap

Mantén la atención ya que en este artículo vas a hallar la solución que buscas.

Esta es la forma antigua en que usted o puede decir la forma convencional en que lo está haciendo. Aún tiene las respuestas. simplemente enlace hide y haga clic en eventds fuera del enlace de evento show.

$('#exampleModal').on('show.bs.modal', function(event) 

   var button = $(event.relatedTarget) // Button that triggered the modal
   var recipient = button.data('whatever') // Extract info from data-* attributes
     // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
     // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
   var modal = $(this)
   modal.find('.modal-title').text('New message to ' + recipient)
   modal.find('.modal-body input').val(recipient)
 )
 
 $("#btnsend").on("click", function() 
     console.log('Pinchado')
     console.log(recipient)
   )

   $("#btnclose").on("click", function() 
     console.log('Cerrando...')
   )

   $('#exampleModal').on('hidden.bs.modal', function(e) 
     console.log('Cerrada');
   )


















...more buttons...

A continuación se muestra la forma moderna de hacerlo. Puede consultar este enlace para obtener más detalles sobre la forma de crear modal dinámicamente.

function open_modal(name) 

  var message = $('#frm_1');
  BootstrapDialog.show(
    title: 'New message to ' + name,
    message: $('#frm_1'),
    onshown : function() 
      $('#recipient-name').val(name);
    ,
    onhide : function(dialog) 
      $('#hidden-div').append(message);
    ,
    buttons: [
      label: 'Close',
      action: function(dialog) 
        dialog.close();
      
    , 
      label: 'Send message',
      cssClass: 'btn btn-primary',
      action: function(dialog) 
        // Do whatever send message does, here
      
    ]
  );






















En Bootstrap 3.3.7 esto funciona para mí:

$('#myModal').trigger('click.dismiss.bs.modal')

Sección de Reseñas y Valoraciones

Te invitamos a añadir valor a nuestra información dando tu veteranía en las notas.

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 4.5)


Tags :

Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *