example - ¿La mejor manera de eliminar el botón de cerrar en el widget de cuadro de diálogo de jQuery UI?

jquery ui icon

Question

¿Cuál es la mejor manera de eliminar el botón Cerrar en el cuadro de diálogo de la interfaz de usuario jQuery?

No deseo que las personas puedan cerrar el cuadro de diálogo.

Lo estoy cubriendo en el ángulo del código manejando:

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

Estoy tratando de no tener que escribir script para grap la clase / id del botón de cerrar y luego ocultarlo manualmente. Y prefiero no cambiar el CSS manualmente, ya que el cuadro de diálogo puede tener situaciones en las que necesita el botón de cerrar.

Preferiría hacerlo de alguna manera, pero no sé cómo hacerlo o el cuadro de diálogo no lo permite.

¿Alguna sugerencia sobre cómo configurar el cuadro de diálogo?

Answer 1

Encontré otra solución, funciona para mí:

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

Answer 2

Encontré que esta es una buena solución

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

No altera los estilos existentes, sino que agrega un nuevo bit:

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

Agregar la clase terminó siendo un método bastante elegante, ya que estoy "clasificando" el diálogo como uno que no se puede cerrar.