Come rendere modale la finestra di dialogo di jQuery?

Question

Sto usando la finestra di dialogo jQuery in asp.net. Funziona bene per me. Il problema è quando apro la finestra di dialogo, posso ancora funzionare la funzionalità della pagina principale. Non lo voglio Basta dialogare con il modale e non dovrebbe consentire la messa a fuoco sulla pagina padre.

window.onload = function onloadFunction() { 

     //setup edit person dialog 
    $('#uploadPic').dialog({ 
      autoOpen: false, 
      draggable: true, 
      title: "Upload Picture", 
      open: function(type, data) { 
       $(this).parent().appendTo("form"); 
      } 
     }); 
    } 

C'è un modo per renderlo modale? O se il focus perso sulla finestra di dialogo lo chiude automaticamente?

Please help me out.

Answer 1

Usa

$('#uploadPic').dialog({ 
     autoOpen: false, 
     modal: true, 
     draggable: true, 
     title: "Upload Picture", 
     open: function(type, data) { 
      $(this).parent().appendTo("form"); 
     } 
    }); 
} 

Ho appena aggiunto l'opzione modale il vostro campione.

Answer 2

leggere la documentazione di jQuery UI Dialog in: http://docs.jquery.com/UI/Dialog

esiste un'opzione chiamata modale, ecco alcuni campioni da doc:

inizializzare una finestra di dialogo con l'opzione modale specificato.

$(".selector").dialog({ modal: true }); 

Ottenere o impostare l'opzione modale, dopo init.

//getter 
var modal = $(".selector").dialog("option", "modal"); 
//setter 
$(".selector").dialog("option", "modal", true);