Cómo cerrar una ventana modal de bootstrap usando jQuery?

JQuery es una biblioteca JavaScript rica, fácil y rápida que ayuda a manipular el documento HTML en el manipulación, manipulación, animación y más. Más específicamente, se puede utilizar para agregar la ventana del modelo en una página web. Este modelo se representa como una ventana emergente o un cuadro de diálogo que se muestra en la parte superior de la ventana actual.

Esta publicación explicará específicamente el procedimiento para cerrar una ventana modal de arranque usando jQuery.

Cómo usar jQuery para cerrar una ventana modal de arranque?

Elaboraremos el tema mencionado cubriendo los siguientes pasos:

• Paso 1: Crear ventana modal de arranque en HTML
• Paso 2: cierre la ventana modal de arranque usando jQuery

Paso 1: Crear ventana modal de arranque en HTML

Al usar las clases modales Bootstrap, la ventana modal se puede crear de manera eficiente:

• Primero, cree un elemento de botón que active el modal en Bootstrap utilizando los atributos de datos "toggle de datos" y "objetivo".
• Luego, haga la ventana modal usando la clase "modal" y "desteñir".
• El "dialog modal","contenido modal","encabezador modal","modal","cuerpo modal", y "pie modal"Son las clases que se implementan en el código a continuación para establecer un cuadro de diálogo modal flexible:

Lanzar modal

Título

-Hidden = "True"> ×

Bienvenido a Linuxhint!

Cerca
Ahorrar

Paso 2: cierre la ventana modal de arranque usando jQuery

En general, el atributo de datos "de datos de datos"Con el valor"modal"Se especifica para cerrar el cuadro de diálogo modal. Este atributo se aplica al elemento de botón para cerrar la ventana.

En nuestro escenario, estamos interesados ​​en implementar jQuery para cerrar la ventana emergente. Entonces, discutamos con la ayuda de la implementación:

• En primer lugar, incluya el ""Etiqueta en html.
• Especificar la función $ () que devuelve la identificación del elemento. Asociarlo con el evento de clic y conectarlo con la función que invocará al hacer clic.
• Dentro de la función, mencione el código "$ ('#welcomemodal').modal ('escondite')"Eso significa que la identificación"breve"Se ocultará utilizando el"modal ('escondite')" función:

Producción

De esta manera, puede cerrar una ventana modal de arranque usando jQuery.

Conclusión

Para cerrar una ventana modal de bootstrap utilizando jQuery, cree una ventana modal usando las clases de bootstrap. Implementar la función jQuery "ps"Para obtener la identificación del elemento y luego asociar el"modal ('escondite')"Funciona con él. Este artículo ha ilustrado cómo implementar jQuery para cerrar una ventana modal de bootstrap.