樣式jQuery的對話內容的div

我有這種情況：樣式jQuery的對話內容的div

var div = document.createElement('div'); 
div.id="content"; 

$(div).dialog('open');

的div內容的對話框中打開，但我不能樣式。我試圖通過id或className來訪問它。問題是我想讓內容填充對話框的100％寬度和高度。

我看起來像JQuery以某種方式覆蓋我的CSS。請幫助...

CSS：

#content { 
    width:100%; 
    height:100%; 
    background-color:black; 
}

來源

2013-02-28 Jacob

嘗試使用！在您的CSS屬性中很重要。 – 2013-02-28 09:41:31

這工作！但更好的解決方法是找到對話框的寬度和高度，並將內容設置爲該尺寸！我怎樣才能做到這一點？ – Jacob 2013-02-28 09:44:23

我已經設置寬度：自動，它完全適合，但高度：自動不起作用。可能是什麼問題呢？ – Jacob 2013-02-28 09:52:48

的風格，你可以給這樣它可以幫助你

#content{ 
    width:100%; 
    height:100%; 
    background-color:black; 
    position:fixed; 
    top:0; 
    left:0 
}

來源

2013-02-28 09:46:18

嘗試更先進一點，但使對話更好一點:)

$("#myDialog").dialog(
    {         
     modal: true, 
     show: "fade", 
     hide: "fade", 
     draggable: false, 
     resizable: false, 
     closeOnEscape: false, 
     width: 400, 
     position: "top", 
     buttons: 
     { 
      Close: function() 
        { 
         $(this).dialog('close');         
        } 
     }, 
     open: function() 
       {   
        /* styling dialog */ 
        $(this).parents(".ui-dialog:first").find(".ui-dialog-titlebar").remove();    
        $(this).parents(".ui-dialog").css("padding", 5); 
        $(this).parents(".ui-dialog").css("border", 0); 
        $(this).parents(".ui-dialog:first").find(".ui-dialog-content").css("padding", 0); 

        $(this).css("-webkit-box-shadow", "0px 0px 10px rgba(0, 0, 0, 0.8)"); 
        $(this).parents(".ui-dialog").css("-webkit-box-shadow", "0px 0px 10px rgba(0, 0, 0, 0.8)"); 
        $(this).parents(".ui-dialog").css("-moz-box-shadow", "0px 0px 10px rgba(0, 0, 0, 0.8)");       
    });

來源

2013-03-12 21:42:55 Kamil

樣式jQuery的對話內容的div

回答

相關問題