Internet Explorer 中的 jQuery UI 对话框和 maxHeight

发布于 2024-10-08 19:29:20 字数 1115 浏览 7 评论 0原文

这是我当前的代码：

$("#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 显然有问题。有谁知道如何让 UI 对话框在 IE 中使用 maxHeight 吗？

<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>

原文

Here's my current code:

$("#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 works great in Firefox, Chrome, etc. as expected, but IE 7 obviously has a problem with it. Does anyone have any idea how to get the UI dialog to use maxHeight in IE?

<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>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

情绪操控生活 2024-10-15 19:29:20

看起来这是一个长期存在的 open jQueryUI bug - 在此链接中，评论中列出了解决方法和补丁。

回复收藏 0 原文

芸娘子的小脾气 2024-10-15 19:29:20

Dean 指出的链接最近更新了一个对我有用的很好的解决方法：

此外，您可以通过“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'} );

The link that Dean pointed to has a recent update with a great work-around that worked for me:

Additionally you could apply your own CSS by 'vol7ron'; something like:

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

Therefore, in your case:

$("#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'} );

回复收藏 0 原文

~没有更多了~