獨特的模式背景顏色對話框jQuery UI的

Question

如何改變模型背景色

$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 
     } 

    }); 

Answer 1

試試這個：

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 
    } 
});