jQuery UI对话框宽度和高度基于屏幕宽度和高度

Jas*_*son 18 jquery jquery-ui

目前(jQuery 1.4.4和UI 1.8.8)我使用以下方法设置对话框的属性:(我试图将对话框设置为比屏幕的高度和宽度小180px.)

$("#dialog").dialog({ 
            bgiframe: true,
            position: 'center',
            width: $(window).width()-180,
            height: $(window).height()-180,
            title: ititle,
            modal: true,
            buttons: { "Close": function() { $(this).dialog("destroy"); }}
});
Run Code Online (Sandbox Code Playgroud)

以上在FF中工作正常,但在IE 8中它失败了.

这是设置宽度和高度的正确方法还是我应该采取不同的做法?

usr*_*ing 14

这在IE8中对我有用:

var winW = $(window).width() - 180;
var winH = $(window).height() - 180;

$( "#dialog" ).dialog({
    autoOpen: false,
    height: winH,
    width: winW,
    modal: true
});
Run Code Online (Sandbox Code Playgroud)

但是,您需要在页面顶部使用此功能

<!DOCTYPE html>
Run Code Online (Sandbox Code Playgroud)


Gre*_*egg 5

您可能需要指定DOCTYPE并使用标准模式才能正常工作.