Question

有没有办法在ems中指定jQuery对话框大小？我将要显示的对话框将是模态的，并且不可调整大小，因此调整大小不是问题。它应该坚持我最初指定的大小。

Answer 1

不是直接在对话框调用中指定宽度，我认为在ems中将jQuery对话框设置为特定高度和宽度的最佳方法是实际指定内容的大小，然后使用'auto'来将对话框大小设置为内容。这是一个使用60em和30em作为最大宽度和高度的示例：

<span id="copyrightLink" style="cursor:pointer;">Copyright dialog popup</span>

<div id="copyrightDialog" title="Copyright information" style="display:none;">
    <div style="max-width:60em; max-height:30em;">
        <p>Copyright information</p>
        <p>Goes here</p>
    </div>
</div>

<script type="text/javascript">
    $(function(){
        $('#copyrightLink').click(function(){
            $('#copyrightDialog').dialog({
                modal: true,
                buttons: {
                    OK: function(){
                        $(this).dialog('close');
                    }
                },
                width: 'auto',
                height: 'auto',
                resizable: false,
                draggable: false
            });
        });
    });
</script>

Answer 2

只是不要通过dialog(...)通过css设置对话框大小来设置起始大小，这将是一种开始的方式。

请参阅此演示：http://jsfiddle.net/maniator/cQBTb/

使用Javascript：

$('selector').dialog({
    width: '17em',
    resizable: false,
    modal: true
});

CSS：

selector {
    height: 15em !important;
}

在ems中指定jQuery对话框大小？

2 个答案: