Диалоговое окно jQuery UI и maxHeight в Internet Explorer - PullRequest
Новая
       16

Диалоговое окно jQuery UI и maxHeight в Internet Explorer

3 голосов
/ 21 декабря 2010

Вот мой текущий код: 

$("#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, очевидно, имеет проблемы с этим. У кого-нибудь есть идеи, как заставить диалоговое окно интерфейса использовать maxHeight в 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>

Ответы [ 2 ]

5 голосов
/ 22 декабря 2010

Похоже, это давняя открытая ошибка jQueryUI - по этой ссылке есть обходной путь и патч, перечисленные в комментариях.

3 голосов
/ 04 октября 2012

Ссылка, на которую указал Дин, содержит недавнее обновление с отличным решением, которое мне помогло:

Кроме того, вы можете применить свой собственный CSS от 'vol7ron'; что-то вроде: 

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