Ajouter une classe pour jquery boutons du dialogue
Je veux ajouter de la classe css sur les boutons de jquery boîte de dialogue.
Voici mon code :
$(document).ready(function(){
$('#messageBox p').html('bla bla bla. Ok?');
$('#messageBox').dialog({
modal : true,
buttons: {
'Yes': function() {
doSomething();
$(this).dialog('close');
},
'No': function() {
doAnotherThing();
$(this).dialog('close');
}
}
});
});
Par exemple, je voudrais ajouter ".rouge" en classe sur mon bouton "oui".
Comment puis-je le faire?
Merci!
Vous devez vous connecter pour publier un commentaire.
"class"
au lieu declass
J'ai la solution, grâce à la Riche :
Résolu!
Il y a un dialogClass option de la dialogue fonction, vous pouvez l'utiliser pour spécifier une classe css pour le dialogue lui-même. Vous pouvez donner un nom de classe et d'utiliser ce nom de classe pour obtenir une référence à un enfant les éléments de la boîte de dialogue. Ensuite, utilisez les sélecteurs pour obtenir une référence à l'enfant des boutons, par poste ou par le texte qu'il contient (probablement plus efficace d'utiliser l'ancien).
Avez-vous essayé le addClass fonction?
Avait le même problème. Très similaire à nico solution mais ajoutez le style à la fonction d'ouverture de la boîte de dialogue:
J'ai eu une situation similaire, où j'ai eu besoin d'ajouter un peu de style à un bouton à la volée avant de la boîte de dialogue est affichée. Arriver à le bouton n'a pas été très simple, j'ai donc trouvé un moyen très simple d'arriver à les boutons. Lors de la création de la boîte de dialogue des boutons j'ai simplement donné un 'id' et alors je pourrais obtenir une référence à eux avec l'habitude sélecteur jquery...
$("#btnDelete").addClass("disabled")
.addClass fonction