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

时间:2011-01-18 16:18: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"); }}
});

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

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

2 个答案:

答案 0 :(得分:14)

这在IE8中对我有用:

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

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

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

<!DOCTYPE html>

答案 1 :(得分:5)

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