Saltar al contenido

La opción modal JQuery Dialog no funciona

Buscamos en distintos sitios y así darte la solución a tu inquietud, si tienes inquietudes déjanos tu comentario y te contestaremos con mucho gusto.

Solución:

Acabo de tener el mismo problema. Necesitaba el CSS, pero no lo quería todo. Así que simplemente copié y pegué esta parte en mi propio código CSS:

.ui-widget-overlay  
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: #aaaaaa;
    opacity: 0.3;

Probablemente solo necesite incluir jQuery UI CSS en su página.

Google tiene esto en su CDN aquí:

http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css

La opción modal en el cuadro de diálogo crea una superposición debajo de su cuadro de diálogo pero sobre el resto del contenido. Esta superposición necesita jQuery UI CSS para funcionar correctamente.

Agregar solo .ui-widget-overlay a su css hará que la superposición aparezca en la parte superior completa, e incluso el cuadro de diálogo no se podrá utilizar.

Por lo tanto, también se debe agregar la clase .ui-front:

.ui-widget-overlay 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

.ui-front 
    z-index: 100;

Valoraciones y reseñas

Tienes la posibilidad comunicar este enunciado si te fue útil.

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



Utiliza Nuestro Buscador

Deja una respuesta

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