Métodos-modal

 Métodos

Métodos asincrónicos y transiciones

Todos los métodos de API son asincrónicos e inician una transición . Regresan al llamador tan pronto como se inicia la transición, pero antes de que finalice . Además, se ignorará una llamada a un método en un componente en transición .

Consulte nuestra documentación de JavaScript para obtener más información.

.modal(options)

Activa tu contenido como modal. Acepta opciones opcionales object.

$('#myModal').modal({
  keyboard: false
})

.modal('toggle')

Activa o desactiva manualmente un modal. Regresa al llamador antes de que el modal se haya mostrado u ocultado (es decir, antes de que ocurra el evento shown.bs.modalo hidden.bs.modal).

$('#myModal').modal('toggle')

.modal('show')

Abre un modal manualmente. Regresa al llamador antes de que el modal se haya mostrado realmente (es decir, antes de shown.bs.modalque ocurra el evento).

$('#myModal').modal('show')

.modal('hide')

Oculta manualmente un modal. Regresa al llamador antes de que el modal se haya ocultado realmente (es decir, antes de que hidden.bs.modalocurra el evento).

$('#myModal').modal('hide')

.modal('handleUpdate')

Reajuste manualmente la posición del modal si la altura de un modal cambia mientras está abierto (es decir, en caso de que aparezca una barra de desplazamiento).

$('#myModal').modal('handleUpdate')

.modal('dispose')

Destruye el modal de un elemento.

Eventos

La clase modal de Bootstrap expone algunos eventos para conectarse a la funcionalidad modal. Todos los eventos modales se activan en el modal mismo (es decir, en <div class="modal">).

Tipo de eventoDescripción
mostrar.bs.modalEste evento se activa inmediatamente cuando showse llama al método de instancia. Si se produce por un clic, el elemento en el que se hizo clic está disponible como relatedTargetpropiedad del evento.
mostrado.bs.modalEste evento se activa cuando el modal se ha hecho visible para el usuario (esperará a que se completen las transiciones CSS). Si se produce por un clic, el elemento en el que se hizo clic está disponible como relatedTargetpropiedad del evento.
ocultar.bs.modalEste evento se activa inmediatamente cuando hidese llama al método de instancia.
oculto.bs.modalEste evento se activa cuando el modal ha terminado de estar oculto para el usuario (esperará a que se completen las transiciones CSS).
$('#myModal').on('hidden.bs.modal', function (e) {
  // do something...
})

Comentarios

Publicar un comentario

Entradas populares de este blog

Normalizar valores

 Para asegurarte de que todos los registros en la columna juez que coinciden con "LIC. ERICK SERRANO" (y sus variantes) se cambien exactamente a "LIC. ERICK SERRANO", puedes utilizar una consulta SQL que normalice esos valores. Esto eliminará las diferencias de formato que puedan estar causando que se cuenten como registros distintos. DELETE FROM carpetas; UPDATE control SET estatus = 'TRÁMITE' ; UPDATE `carpetas` SET `juez` = ' LIC. PATRICIA LOZANO ' WHERE `juez` LIKE '% PATRICIA LOZANO %'; UPDATE `carpetas` SET `juez` = 'LIC. ERICK SERRANO' WHERE `juez` LIKE '%ERICK SERRANO%'; UPDATE `carpetas` SET `tipo_solicitud` = 'CON DETENIDO' WHERE `tipo_solicitud` LIKE '%CON DETENIDO%'; UPDATE `carpetas` SET `tipo_solicitud` = 'ORDEN DE APREHENSION' WHERE `tipo_solicitud` LIKE '%ORDEN DE APRENSION%'; UPDATE `control` SET `tipo_solicitud` = 'ORDEN DE APREHENSION' WHERE `tipo_solicitud` LIKE...
Leer más

NORMALIZAR TABLA-audiencia_intervinientes

 Para normalizar las columnas relacionadas con los intervinientes en la tabla audiencia , puedes seguir un proceso similar al que hicimos con los delitos. Vamos a crear una nueva tabla llamada audiencia_intervinientes , donde cada interviniente estará asociado a una audiencia con un tipo que indica qué rol (asistente, víctima, asesor, etc.) desempeña en esa audiencia. 1. Crear la nueva tabla audiencia_intervinientes Esta tabla contendrá una columna nombre , una columna tipo que identificará el tipo de interviniente, y una clave foránea que haga referencia a la tabla audiencia . CREATE TABLE audiencia_intervinientes (     id_interviniente INT AUTO_INCREMENT PRIMARY KEY,     id_audiencia INT NOT NULL,     nombre VARCHAR(150) NOT NULL,     tipo VARCHAR(50) NOT NULL,     FOREIGN KEY (id_audiencia) REFERENCES audiencia(id_audiencia) ON DELETE CASCADE ); 2. Insertar los intervinientes antiguos en la nueva tabla Ahora, vamos a mover los...
Leer más

Listar audiencias

  <!-- Listar Audiencias -->     <h4> Audiencias </h4>     <table class = "table" >         <thead>             <tr>                 <th> ID </th>                 <th> Folio_S </th>                 <th> Carpeta </th>                 <th> Nombre </th>                 <th> Fecha </th>                 <th> Video </th>             </tr>         </thead>         <tbody>             <?php             $audienciasCtr = new Contr...
Leer más