Klasse zu Jquery-Dialogschaltflächen hinzufügen

Question

Ich möchte css-Klasse auf Schaltflächen eines Jquery-Dialogfeldes hinzufügen.

Hier ist mein 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');
          }
        }
      });
    });

Ich möchte zum Beispiel die Klasse ".red" zu meiner Schaltfläche "Ja" hinzufügen.

Wie kann ich das tun?

Ich danke Ihnen!

Answer 1

Ich hatte eine ähnliche Situation, wo ich brauchte, um einige Styling zu einer Schaltfläche on the fly hinzufügen, bevor der Dialog angezeigt wurde. Der Zugriff auf die Schaltfläche war nicht sehr einfach, also habe ich eine sehr einfache Methode gefunden, um an die Schaltflächen zu gelangen. Während der Erstellung der Dialogschaltflächen gab ich ihnen einfach eine 'id' und dann konnte ich einen Verweis auf sie mit dem üblichen Jquery-Selektor erhalten... $("#btnDelete").addClass("disabled")

buttons: [{
        id: "btnDelete",
        text: "Delete",
        click: function () {
            Delete();
            $(this).dialog('close');
        }
    }, {
        id: "btnSave",
        text: "Save",
        click: function () {
            Save();
            $(this).dialog('close');
        }
    }, {
        id: "btnCancel",
        text: "Cancel",
        click: function () {
            $(this).dialog("close");
        }
    }]