jquery 对话框以百分比定义 maxHeight

Question

我创建了一个小项目，在其中必须显示一个模式对话框，我使用了 jquery-ui 对话框。

我想以百分比定义对话框的最大高度。我尝试了几种方法，但都不起作用。

请有人帮我解决可能出现的问题。

参见http://jsbin.com/otiley/1/edit

非常感谢

Answer 1

尝试this设置高度百分比的链接。

$(document).ready(function() {
$('#testColorBox').click(function() {
    var wWidth = $(window).width();
    var dWidth = wWidth * 0.8;
    var wHeight = $(window).height();
    var dHeight = wHeight * 0.8;
    var $link = $(this);
    var $dialog = $('<div></div>')
        .load('test.html')
        .dialog({
            autoOpen: false,
            modal: true,
            title: $link.attr('title'),
            overlay: { opacity: 0.1, background: "black" },
            width: dWidth,
            height: dHeight,
            draggable: false,
                            resizable: false
        });
    $dialog.dialog('open');
    return false;
  });   
});