Código HTML :
$(function() { var options = { autoOpen: false, show: { effect: "drop", duration: 1000}, hide: { effect: "drop", duration: 1000}, modal: true, }; $([1, 2, 3,]).each(function() { var num = this; var dlg = $('#dialog' + num) .dialog(options); $('#opener' + num).click(function() { dlg.dialog("open"); return false; }); }); });
que sucede aquí, pues como ven, tengo 3 div que funcionan a modo de botón (#opener) y estos muestran las cajas de diálogo (#dialog) en teoría no debería tener acceso a los otros botones, pero si puedo acceder a ellos, por consiguiente tengo 3 cajas montadas una encima de otra; en varios ejemplos que he visto, usando modal:true, lo que esta fuera de la caja debería estar desactivado por eso no se que estoy haciendo mal, Saludos!