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

css でダイアログ サイズを設定して開始サイズを設定しないdialog(...)でください。最初はそのようになります。

このデモを参照してください: 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 に答える