jqueryui dialog to gray out screen

Question

Sto usando jQueryUI (estensione?) E ho una semplice sovrapposizione su una pagina. Here's what I have so far

In ogni caso c'è un modo integrato per ombreggiare lo schermo quando la finestra di dialogo è aperta? So che puoi farlo aggiungendo un altro div alla pagina, voglio sapere se jQueryUI ha qualcosa di simile a questo.

Non ho trovato nulla di simile sull'API, forse mi sono perso qualcosa.

Answer 1

È possibile specificare le opzioni per la finestra di dialogo utilizzando un oggetto letterale. Una di queste opzioni è modale che posiziona una sovrapposizione sullo schermo dietro la finestra di dialogo. Questa sovrapposizione impedirà all'utente di fare clic dietro la finestra di dialogo.

$('#over').dialog({modal:true}); 

Esempio: http://jsfiddle.net/vhA2w/1/

Checkout tutte le opzioni disponibili presso: http://jqueryui.com/demos/dialog/

Answer 2

This jsfiddle dovrebbe funzionare per voi

$('#over').dialog({ modal: true });