2

我正在使用带有 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喜欢窗口大小？

谢谢

4

3 回答 3

4

根据文档你可以。

（添加代码，因为该链接不会将用户直接带到正确的部分）：

选项 - 宽度

使用指定的宽度选项初始化对话框：
代码示例：

调用关闭方法：

$( ".selector" ).dialog( "close" );

初始化后获取或设置宽度选项：

//Getter
var width = $( ".selector" ).dialog( "option", "width" );

//Setter
$( ".selector" ).dialog( "option", "width", 500 );
于 2009-12-09T14:40:15.963 回答
1

您可以通过以下方式获取窗口宽度和高度

var windowWidth = $(window).width();
var windowHeight = $(window).height();

并使用对话框中的变量。

于 2014-09-16T15:20:52.160 回答
-1

添加一个

height: 140,
width: 140,

与您的其他选择一起

于 2009-12-09T14:51:25.603 回答