Este grupo de redactores ha estado mucho tiempo buscando para dar respuesta a tu búsqueda, te compartimos la solución por eso nuestro deseo es servirte de gran ayuda.
Solución:
No especifica lo que ha intentado con z-index.
El complemento blockUI tiene una opción para cambiar el índice z del mensaje que crea (documentación):
// z-index for the blocking overlay
baseZ: 1000,
jQuery UI Dialog como una opción para especificar un índice z también. Su valor predeterminado es 1000. Por lo tanto, debe establecer un número más alto para la opción BlockUI, digamos 2000:
$.blockUI(
theme: true,
baseZ: 2000
)
MANIFESTACIÓN
Gracias Didier por tu respuesta, me ayudó a encaminarme. Notará que el jsfiddle en la respuesta de Didier funciona la primera vez que abre el cuadro de diálogo, pero si se abre más y ajax, los elementos blockUI aparecen debajo del cuadro de diálogo. El cuadro de diálogo debe recalibrar su índice z para ser el perro superior cada vez que se abre.
He encontrado dos formas posibles de evitar esto:
- ‘destruye’ el cuadro de diálogo cuando se cierra y lo vuelve a crear cuando se abre.
-
en lugar de bloquear toda la interfaz de usuario, simplemente bloquee el cuadro de diálogo. Esto se puede hacer usando el método del widget, así:
$( ".selector" ).dialog( "widget" ).block( theme: false, message: 'Wait for me please...
', css: border: '3px solid #a00' );
Puedes añadir valor a nuestro contenido informacional tributando tu veteranía en las interpretaciones.