it-swarm.com.de

Wie kann ich die Farbe des Dialogtitels in jquery ui ändern?

Ich habe so etwas:

$div = $('<div id="error" title="Error">');
$div.append('<p>Hi</p>');

$div.dialog({
    modal: true,
    maxHeight:500,
});

Kann ich die Hintergrundfarbe des Dialogtitels irgendwie ändern ?:

 $div.dialog({
        modal: true,
        maxHeight:500,
    }).find(".ui-dialog-titlebar").css("background-color","red");
14
milandjukic88

Verwenden Sie prev() anstelle von find(), da sich dieses Element nicht in $div befindet:

$div.dialog({
    modal: true,
    maxHeight:500,
}).prev(".ui-dialog-titlebar").css("background","red");

Ich benutze auch background, um alle anderen Elemente wie background-image zu überschreiben.

Überprüfen Sie diese http://jsfiddle.net/Ad7nF/

24
DaniP

Eine andere Methode ist: 

Definieren Sie Ihre Stilklasse - myTitleClass

Definieren Sie die CSS als 

  . myTitleClass .ui-dialog-titlebar {
          background:red;
    }

und fügen Sie die benutzerdefinierte Klasse der Dialoginitialisierungsfunktion hinzu: 

     $( "#dialog" ).dialog({
        autoOpen: false,
        dialogClass: 'myTitleClass'
     });

JSFiddle - (aber mit einem anderen Beispielcode)

http://jsfiddle.net/khVYj/3/

19
user1428716

Der einfachste Weg ist dieser: -

.ui-dialog-titlebar {
      background:red;
}
0
Mikeys4u