0

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

4

2 回答 2

1

与其直接在对话框调用中指定宽度，我认为让 jQuery 对话框在 ems 中达到一定高度和宽度的最佳方法是实际指定内容的大小，然后使用'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>
于 2012-11-29T15:52:31.783 回答
0

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

看到这个演示：http: //jsfiddle.net/maniator/cQBTb/

Javascript：

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

CSS：

selector {
    height: 15em !important;
}​
于 2012-11-29T14:41:22.817 回答