3

これが私の現在のコードです:

$("#DialogScroll").dialog({
                bgiframe: true,
                autoOpen: false,
                maxHeight: 600,
                width: 550,
                modal: true,
                resizable: false,
                open: function (type, data) {
                    $(this).parent().appendTo("form");
                },
                close: function () { }
            });

maxHeight は Firefox や Chrome などで期待どおりに機能しますが、IE 7 では明らかに問題があります。IE で maxHeight を使用するように UI ダイアログを取得する方法を知っている人はいますか?

<div id="DialogScroll" class="dialog" style="display:none; ">
        <table>
            <thead>
                <tr>
                    <th>
                        State Code
                    </th>
                    <th>
                        State Name
                    </th>
                </tr>
            </thead>
            <tbody>
                <asp:Literal ID="litStates" runat="server" />
            </tbody>
        </table>
    </div>
4

2 に答える 2

5

これは長年の未解決の jQueryUI バグのようです。このリンクには、回避策とパッチがコメントに記載されています。

于 2010-12-22T14:11:41.883 に答える
3

ディーンが指摘したリンクには、私にとってうまくいった素晴らしい回避策を備えた最近の更新があります。

さらに、「vol7ron」によって独自の CSS を適用できます。何かのようなもの:

$('#dialog')
   .dialog( { modal : true } )
   .css( { 'max-height' : '50px' } );

したがって、あなたの場合:

$("#DialogScroll").dialog({
    bgiframe: true,
    autoOpen: false,
    width: 550,
    modal: true,
    resizable: false,
    open: function (type, data) {
        $(this).parent().appendTo("form");
    },
    close: function () { }
}).css( { 'max-height' : '600px'} );
于 2012-10-04T19:27:24.973 に答える