Il modo migliore per rimuovere il pulsante di chiusura sul widget della finestra di dialogo dell'interfaccia utente jQuery?

Question

Qual è il modo migliore per rimuovere il pulsante di chiusura nella finestra di dialogo dell'interfaccia utente jQuery?

Non desidero che le persone possano chiudere la finestra di dialogo.

sto coprendolo sull'angolo codice movimentazione:

closeOnEscape: false, 
beforeclose: function (event, ui) { return false; } 

Sto cercando di non avere bisogno di scrivere script per grap la classe/id del pulsante di chiusura e poi nasconderlo manualmente. E preferirei non modificare il CSS manualmente, in quanto la finestra di dialogo potrebbe avere situazioni in cui è necessario il pulsante di chiusura.

Preferirei farlo in qualche modo nella finestra di dialogo, ma o non riesco a capire come farlo o la finestra di dialogo non lo consente affatto.

Qualche suggerimento su come configurare la finestra di dialogo?

Answer 1

ho trovato che questo è una buona soluzione

$("#myDialogID").dialog({ 
    closeOnEscape: false, 
    beforeClose: function (event, ui) { return false; }, 
    dialogClass: "noclose" 
}); 

non alterando gli stili esistenti, anziché l'aggiunta di un nuovo bit:

.noclose .ui-dialog-titlebar-close 
{ 
    display:none; 
} 

Aggiunta la classe ha finito per essere piuttosto un metodo di eleganza, come sto "classificando" il dialogo come uno che non può essere chiuso.

Answer 2

ho trovato un'altra soluzione, funziona per me:

$("#divID").dialog({ 
    closeOnEscape: false, 
    open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); } 
});