J'ai créé une fonction jQuery afin de rendre cette tâche un peu plus facile. Il y a probablement maintenant une meilleure solution ... de toute façon, voici mes 2 cents. :)
Ajoutez simplement ceci à votre fichier JS:
$.fn.dialogButtons = function(name, state){
var buttons = $(this).next('div').find('button');
if(!name)return buttons;
return buttons.each(function(){
var text = $(this).text();
if(text==name && state=='disabled') {$(this).attr('disabled',true).addClass('ui-state-disabled');return this;}
if(text==name && state=='enabled') {$(this).attr('disabled',false).removeClass('ui-state-disabled');return this;}
if(text==name){return this;}
if(name=='disabled'){$(this).attr('disabled',true).addClass('ui-state-disabled');return buttons;}
if(name=='enabled'){$(this).attr('disabled',false).removeClass('ui-state-disabled');return buttons;}
});};
Désactiver le bouton 'Ok' dans le dialogue avec la classe 'dialog':
$('.dialog').dialogButtons('Ok', 'disabled');
Activer tous les boutons:
$('.dialog').dialogButtons('enabled');
Activez le bouton 'Fermer' et changez la couleur:
$('.dialog').dialogButtons('Close', 'enabled').css('color','red');
Texte sur tous les boutons en rouge:
$('.dialog').dialogButtons().css('color','red');
J'espère que cela t'aides :)