Jquery 如何在不更改backgound的css的情况下创建模式对话框？_Jquery_Css

Jquery 如何在不更改backgound的css的情况下创建模式对话框？

jquery css

Jquery 如何在不更改backgound的css的情况下创建模式对话框？,jquery,css,Jquery,Css,但是，当我使用以下几行创建模式对话框时，我必须在一个页面中创建一个模式对话框 $("#mydiv").load("./d3present.html").dialog({height:900,width:700,modal:false,draggable: false}); 新对话框改变了我的背景css，我不知道如何处理它。此外，我设置的高度和宽度也不起作用。它们是这样的： <div id="mydiv" class="ui-dialog-content ui-widget-content

但是，当我使用以下几行创建模式对话框时，我必须在一个页面中创建一个模式对话框

$("#mydiv").load("./d3present.html").dialog({height:900,width:700,modal:false,draggable: false});

新对话框改变了我的背景css，我不知道如何处理它。此外，我设置的高度和宽度也不起作用。它们是这样的：

<div id="mydiv" class="ui-dialog-content ui-widget-content" style="width: auto; min-height: 0px; max-height: none; height: 839px;"

这应该可以很好地工作：
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
function montral(){
jQuery('<div/>',{
'id'        : 'blanket',
'css'       : {
    'position'          : 'fixed',
    'background-color'  : 'rgba(0,0,0,0.5)',
    'width'             : '100%',
    'height'            : '100%',
    'top'               : '0',
    'bottom'            : '0',
    'left'              : '0',
    'right'             : '0',
    'z-index'           : '100',
}
}).appendTo('body')


jQuery('<div>',{
id      : 'montral_txt',
'css'   :{
    'z-index'           : '1001',
    'position'          : 'fixed',
    'background-color'  : '#fff',
    'width'             : '400px',
    'left'              : '50%',
    'margin-left'       : '-200px',
    'top'               : '0',
    'bottom'            : '0',
    'margin-top'        : 'auto',
    'margin-bottom'     : 'auto',
    'max-height'        : '500px',
    'overflow-y'        : 'scroll',
    'overflow-x'        : 'hidden',
}
}).appendTo('#blanket');
}



</script>

<body onload="montral()">


</body>


函数montral（）{
jQuery（“”{
“id”：“毯子”，
“css”：{
'位置'：'固定'，
“背景色”：“rgba（0,0,0,0.5）”，
“宽度”：“100%”，
“高度”：“100%”，
“顶部”：“0”，
“底部”：“0”，
“左”：“0”，
“右”：“0”，
“z指数”：“100”，
}
}).appendTo（'正文'）
jQuery（“”{
id:“montral_txt”，
“css”：{
“z索引”：“1001”，
'位置'：'固定'，
“背景色”：“fff”，
“宽度”：“400px”，
“左”：50%，
'左边距'：'-200px'，
“顶部”：“0”，
“底部”：“0”，
“页边距顶部”：“自动”，
“页边距底部”：“自动”，
“最大高度”：“500px”，
'溢出-y'：'滚动'，
'溢出-x'：'隐藏'，
}
}).附于（“#毛毯”）；
}
当您下载jquery ui时您可以选择设计主题，请在此链接中选中它
单击gallery可以查看所有主题，但如果您需要自定义颜色、字体、背景等，则应自行更改css
关于高度和宽度，请检查外部div是否正确
@user2953208，我只使用jquery，不需要用户界面。@Catalin Sterian但如何关闭“#montral_txt”对话框？@user2953208我建议：jquery（“#blanket”）.remove（）；您还可以使用jQuery（“#blanket”）.css（'display'，'none'），但不建议每次访问montral（）函数时都这样做，因为它将创建一个新窗口并将其附加到正文中。所以使用.remove（）函数close_montral（）{jQuery（'#blanket'）.remove（）}我没有在我的外部分区中设置任何css我知道，我的意思是，如果你想估计宽度和高度，你必须检查外部分区