Cómo poner el diálogo de jQuery UI encima de todo

Question

No he podido encontrar una respuesta directa y actual a esto. De hecho, me sorprende que incluso sea un problema.

Tenemos un menú desplegable y un iframe o un objeto (iframe y PDF falla en Firefox, el objeto y el PDF no le gustan las redireccionamientos en IE) en nuestro sitio y están tratando de colocar una captcha. El Captcha se esconde detrás del menú desplegable y el iframe/objeto. Eso es tan '90.

Mi pregunta es: ¿hay actualmente una solución incorporada en la interfaz de usuario jQuery o planea ponerla allí?

He encontrado más de un año

http://west-wind.com/weblog/posts/876332.aspx
$(modal).dialog({ /* other properties */ , zIndex: $.maxZIndex()+ 1, })

y una solución de complemento jQuery.bgiframe de marzo del año pasado

http://forum.jquery.com/topic/jquery-ui-dialog-iframe-fix

¿Son las formas actuales de resolver el problema?

Aquí está el código actual

function openJCaptchaPromptWindow(url) {
    $("#captchaDialog").load(url).dialog({
       text: "Ok",
           click: function() { $(this).dialog("close"); },
           modal : true,
           autoOpen: true,
           closeOnEscape: true ,
           dialogClass: 'captcha',
           show: 'explode',
           hide: 'explode',
           position: 'top',
           width: 460,
           height: 300
    });

    return false;
}

Suplente bgiframe : true,¡Es tan feo!

Gracias

Answer 1

Yo mismo responderé a esto: Actualmente no es posibleComo no obtuve ninguna respuesta útil y autorizada. Si alguien se le ocurre, hágamelo saber y eliminaré mi propia respuesta. Gracias

Answer 2

¿Has intentado usar jQuery blockui complemento o jqmodal?