it-swarm.com.ru

Как я могу изменить цвет заголовка диалога в jquery ui?

У меня есть что-то вроде этого:

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

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

Можно ли как-то изменить цвет фона заголовка диалога ?:

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

Используйте prev() вместо find(), потому что этот элемент не находится внутри $div:

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

Также я использую background для переопределения всех других элементов, таких как background-image

Проверьте это http://jsfiddle.net/Ad7nF/

24
DaniP

Другой способ сделать это: 

Определите свой класс стилей - myTitleClass

Определите CSS как 

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

и добавьте пользовательский класс в функцию инициализации диалога: 

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

JSFiddle - (но с другим примером кода)

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

19
user1428716

Самый простой способ это:

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