Cómo cerrar un modal de jQuery

Escrito por jim campbell | Traducido por luis eduardo barbosa
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo cerrar un modal de jQuery
Cómo cerrar un modal de jQuery. (Comstock/Stockbyte/Getty Images)

jQuery es un tipo de código JavaScript Web que te permite crear páginas dinámicas para tu sitio web. Una ventana modal es un pop-up (ventana emergente) que se puede utilizar para mostrar información al usuario sin necesidad de abrir una pestaña separada en el navegador o una ventana nueva. Proporcionas un botón "Cerrar" para que el usuario pueda cerrar la ventana modal. jQuery utiliza la función ocultar para cerrar la ventana modal.

Nivel de dificultad:
Moderado

Otras personas están leyendo

Instrucciones

  1. 1

    Haz clic en la página de jQuery y selecciona "Abrir con". Selecciona tu editor favorito en el sub-menú de la lista de programas.

  2. 2

    Busca el código de la ventana modal en tu página. Las funciones se encuentran dentro de las etiquetas <script> que suelen estar ubicadas en la parte superior de el código HTML.

  3. 3

    Agrega la función para ocultar la ventana al evento OnClose de tu botón "Cerrar". El código siguiente es un ejemplo de un botón que cierra la ventana modal jQuery:

    <input type="button" onclick="$('#window, .window').hide()">

    Reemplaza "# window" con el nombre de la etiqueta div que identifica tu ventana emergente modal.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles