我正在使用带有iframe的jQuery UI对话框:
function showDialog(url, title, refresh){
var horizontalPadding = 30;
var verticalPadding = 30;
var width = 650; height = 800;
$('<iframe id="modalIframeId" allowtransparency="true" style="background-color:#c0c0c0;" frameborder="0" class="ModalIFrame" src="' + url + '" />')
.dialog({
title: title,
width: width,
height: height,
modal: true,
resizable: true,
autoResize: true,
close: function(ev, ui) {
if(refresh)
location.reload();
else
$(this).close();
},
overlay: {
opacity: 0.7,
background: "black"
}
})
.width(width - horizontalPadding)
.height(height - verticalPadding);
return false;
}
是否可以将width
和height
设置为窗口大小?
感谢
答案 0 :(得分:4)
根据documentation你可以。
(由于链接未将用户直接带到正确的部分,因此添加了代码):
选项 - 宽度
使用指定的宽度选项初始化对话框:
代码示例:
调用close方法:
$( ".selector" ).dialog( "close" );
初始化后获取或设置宽度选项:
//Getter
var width = $( ".selector" ).dialog( "option", "width" );
//Setter
$( ".selector" ).dialog( "option", "width", 500 );
答案 1 :(得分:0)
您可以通过
获取窗口宽度和高度var windowWidth = $(window).width();
var windowHeight = $(window).height();
并使用对话框中的变量。
答案 2 :(得分:-1)
添加
height: 140,
width: 140,
使用其余选项