在Internet Explorer中自动调整jQuery UI对话框的大小

如何在Internet Explorer中自动调整jQuery UI对话框？

此代码在Firefox中正常，但在Internet Explorer中则不行。

$('#dialog2').dialog({ autoResize: true, show: "clip", hide: "clip", height: 'auto', width: 'auto', autoOpen: false, modal: true, position: 'center', draggable: true, open: function (type, data) { $(this).parent().appendTo("form"); }, buttons: { "close": function () { $(this).dialog("close"); document.getElementById("").click(); } } }); 

我的HTML元素是DIV。

Answer 1

我在width: 'auto'取得了成功width: 'auto'使用以下“补丁”（对于IE） width: 'auto'调整jQuery UI对话框width: 'auto'大小：

 (function($) { var fixDialogAutoWidth = $.noop; if ( $.browser.msie ) { fixDialogAutoWidth = function(content) { var dialog = $(content).parent('.ui-dialog'); var width = dialog.innerWidth(); if ( width ) dialog.css('width', width); } } var _init = $.ui.dialog.prototype._init; $.ui.dialog.prototype._init = function() { // IE magick: (width: 'auto' not working correctly) : // http://dev.jqueryui.com/ticket/4437 if ( this.options.width == 'auto' ) { var open = this.options.open; this.options.open = function() { fixDialogAutoWidth(this); if ( open ) open.apply(this); } } // yet another bug options.hide: 'drop' does not work // in IE http://dev.jqueryui.com/ticket/5615 if ( $.browser.msie && this.options.hide == 'drop' ) { this.options.hide = 'fold'; } return _init.apply(this); // calls open() if autoOpen }; })(jQuery); 

加载jquery-ui.js后加载此代码…

请注意，根据票证http://dev.jqueryui.com/ticket/4437，我们不应该使用宽度：’auto’但我不能没有它… 🙂

Answer 2

请先在以下行的末尾添加一个

 buttons: { "close": function () { $(this).dialog("close"); document.getElementById("<%=btnnew.ClientID%>").click(); } } 

IE期望通过以下方式关闭所有选项,

让我们看看是否有诀窍（这可能是好问一下这个版本的IE失败了吗？）