La meilleure façon d'enlever le bouton de fermeture sur jQuery UI boîte de dialogue widget?

Quelle est la meilleure façon pour enlever le bouton de fermeture sur le jQuery UI boîte de dialogue?

Je ne souhaite pas les gens à être en mesure de fermer la boîte de dialogue.

Je suis couvrant sur le code de l'angle par la manipulation:

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

J'essaie de ne pas avoir besoin d'écrire un script pour prendre la classe /id du bouton fermer, puis masquer manuellement. Et je préfère ne pas en modifier le CSS manuellement, soit, comme la boîte de dialogue peut avoir des situations où il doit le bouton fermer.

Je préfère le faire à la boîte de dialogue config en quelque sorte, mais je ne peux pas comprendre comment le faire ou la boîte de dialogue ne permet pas pour elle à tous les.

Des suggestions sur la façon de configurer la boîte de dialogue?

InformationsquelleAutor Alex KeySmith | 2010-08-25
  1. 56

    J'ai trouvé ceci pour être une bonne solution

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

    Ne pas modifier les styles existants, au lieu de l'ajout d'un nouveau bit:

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

    Ajout de la classe a fini par être tout à fait un élégant méthode, comme je suis "classement" de la boîte de dialogue ne peut pas être fermé.

    • +1 moi aussi. Vraiment excellente solution !
    • C'est une solution élégante. Beaucoup apprécié!
    • Bon edit @évêque, au moment de la rédaction de "beforeclose" a encore des coups de pied autour de vous'olden jours 🙂 github.com/jquery/jquery-ui/commit/...
    • Ah, oui, le far West jours...
    • ...ouvert:function () { $(".l'interface utilisateur la boîte de dialogue barre de titre proximité").hide(); }...
    • Bonne astuce @AdrianP.
    • Travaillé, Merci!!

    InformationsquelleAutor Alex KeySmith
  2. 2

    J'ai trouvé une autre solution qui fonctionne pour moi:

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