Je veux supprimer le titelbar de la boîte de dialogue JQuery. Mais je veux garder le bouton proche (cross) là-bas.
J'ai trouvé cette question:
dialogue JQuery UI: Comment initialiser sans Barre de titre?
Les réponses Il explique comment supprimer la barre de titre, mais si je le fais aussi, il supprime également le bouton de fermeture. Il y a aussi d'autres liens mais ils font tous la même chose. Ils ne cachent que la barre de titre entière avec le bouton de fermeture.
5 Réponses :
Utilisez ceci pour supprimer la titelbar de la boîte de dialogue JQuery et non le bouton de fermeture
$("#dialog .ui-dialog-titlebar").css({
"background-color" : "transparent",
"border" : "0px none"
});
Cela ne fonctionne plus (JQuery UI 1.10.3), il n'y a pas de classe ui-widget-en-tête .
Cela fonctionne trop
Vous pouvez supprimer la barre avec l'icône de fermeture avec les technologies décrites ci-dessus, puis ajoutez une icône de fermeture vous-même.
CSS: html: // a annoncez ce div auprès de la div au-delà de votre contenu JS:
Je pense que la solution la plus simple et la plus robuste (les autres ici ne fonctionnent pas pour 1.10.3, car ils supposent que les choses pouvant changer ") consiste à définir directement le style CSS pour cela que vous attendez.
$("#dialog .ui-dialog-titlebar").css({
"background-color" : "transparent",
"border" : "0px none"
});
J'ai essayé les autres solutions ici qui suggéraient de modifier l'attribut de couleur et qui n'a pas aidé. La solution pour moi modifiait l'attribut en transparent.
.ui-dialogue-Titlebar {
Contexte: transparent;
frontière: 0 aucune;
}
C'est la réponse identique à la mise à jour de @ kamlesh.bar mais, c'est dans CSS. Cela fera le changement pour tous les dialogues. Si quelqu'un veut faire cela, c'est bon. Si quelqu'un veut seulement une boîte de dialogue spécifique se comporter de cette façon, ce n'est pas bon.
@Imdad La principale chose ici n'est pas le fait que c'est CSS. C'est que j'ai changé toute la propriété de fond. L'édition de la couleur de fond n'a pas produit les résultats escomptés dans ma demande.
Par boutons croisés, je suppose que vous voulez dire le bouton de fermeture? Je pense que vous devriez supprimer la barre de titre, puis ajouter votre propre bouton de fermeture au coin supérieur de la boîte de dialogue.
Oui, je veux dire bouton fermer