自動サイズjQuery UIダイアログ（Internet Explorer）

Question

インターネット エクスプローラでjQuery UIダイアログを自動サイズ調整するにはどうすればよいですか？

このコードはFirefoxではOKですが、インターネット  ExplorerではOKです。

$('#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("<%=btnnew.ClientID%>").click(); } } 
}); 

私のHTML要素はDIVです。

Answer 1

最初

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

IEはそれを聞いてトリック（そのおそらく良いをした場合を見てみましょうすべてのオプションが,

経由で閉鎖されることを期待する次の行の末尾に,を追加してください。 IEのどのバージョンがこれに失敗していますか？）

Answer 2

width: 'auto'サイジングjQuery UIダイアログで、次の「パッチ」（IE用）を使用して成功しています：

「自動」を、私はただ生きることができませんでした：

(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に応じて、我々は幅を使用すべきではない

注このコードを読み込みますそれなし... :)