уникальный цвет фона модели для диалогового интерфейса jQuery

Question

уникальный цвет фона модели для диалогового интерфейса jQuery

0

Как изменить цвет фона модели для

$dialog1 modal background to red 

$dialog2 modal background to blue

Я не хочу, чтобы глобальное решение мне нужно было изменить каждый, чтобы быть уникальным.

Спасибо за помощь

http://jsfiddle.net/wMmmX/

    var $dialog1 = $('<div />');
    $dialog1.dialog({
        width: 100,
        height: 100,
        modal: true,
        resizable: false,
        position: [0, 0] ,
        open: function () {
            //$('.ui-widget-overlay').css({ 'background': 'red' });
            $(this).css({ 'background': 'red' }); // not changing modal back ground
        }
    });

    var $dialog2 = $('<div />');
    $dialog2.dialog({
        width: 100,
        height: 100,
        modal: true,
        resizable: false,
        position: [200, 200],
        open: function () {
            //$('.ui-widget-overlay').css({ 'background': 'blue' });
            $(this).css({ 'background': 'blue' }); // not changing modal back ground
        }

    });

Hello-World 21 нояб. 2013, в 09:36

Источник

0

Можете ли вы быть более конкретным, что вы подразумеваете под background color я имею в виду, вы хотите изменить серую тему диалога, изменив цветовую схему всех частей, включая заголовок, тело и т. д. диалога?
UDB 21 нояб. 2013, в 08:25
0

привет да - поменяй серый на красный и синий. Спасибо
Hello-World 21 нояб. 2013, в 08:29

Теги:

jquery

jquery-ui

1 ответ

Ещё вопросы

Можете ли вы быть более конкретным, что вы подразумеваете под background color я имею в виду, вы хотите изменить серую тему диалога, изменив цветовую схему всех частей, включая заголовок, тело и т. д. диалога?
привет да - поменяй серый на красный и синий. Спасибо

klapaudius · Accepted Answer · 2013-11-21T06-47-00.000Z

Попробуй это:

var $dialog1 = $('<div />');
$dialog1.dialog({
    width: 100,
    height: 100,
    modal: true,
    resizable: false,
    position: [0, 0] ,
    open: function () {
        $(this).dialog('widget').next('.ui-widget-overlay').css({ 'background': 'red' }); // not changing modal back ground
    }
});

идеально - танк ты ...........................