Стиля диалогового содержания Jquery ДИВА

меня такая ситуация:Стиля диалогового содержания Jquery ДИВА

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. –

Это сработало! Но лучшим решением было бы найти ширину и высоту диалогового окна и установить контент такого размера! Как я могу это сделать? – Jacob

Я установил ширину: авто и он идеально подходит, но высота: авто не работает. В чем может быть проблема? – Jacob

стиля вы можете дать, как это может помочь вам

#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 ДИВА

ответ

Смежные вопросы