jQueryのUIのダイアログAUTORESIZEは、私はjQueryのダイアログ自動サイズ変更オプションを使用して問題を抱えているクロム

Question

で働いていません。ダイアログを使用してAJAXの呼び出し結果を表示するので、ダイアログの最終的な高さを予測することはできません。私はそれ自身の高さを内容の大きさに調整したいと思います。私はautoResizeオプションについて読んでいますが、正しく動作していないようです。ここで

私のコード：

$("#my_dialog").dialog({ 
     modal:true, 
     autoResize: true, 
     open:function(){ 
      $(this).parents(".ui-dialog:first").find(".ui-widget-header") 
      .removeClass("ui-widget-header").addClass("ui-widget-header-ia"); 
     } 
    }); 

が、AJAXコンテンツがロードされたときに、ダイアログのサイズが変更されないし、スクロールバーが代わりに表示されます。

問題は、IE6でautoResizeオプションなしで、これと同じコードをテストすると、正常に動作していることです！

だから私は多分考えているので、Google Chromeのである。このオプションをサポートしていません。

お願いします。あなたのお時間をありがとうございました。

Answer 1

を試してみることができますjqueryのUIのmodlaためresizable optionを使用することをお勧めを表示しようとしているどのくらいの内容がわからない場合、私はまったく同じproblem-のユーザーを持っていましたダイアログが常に低すぎると開いていて、コンテンツが更新されても高さが更新されませんでした。

http://hustoknow.blogspot.com/2010/10/chrome-and-jquery-ui-min-height-issue.html

ズームレベルが、少なくとも私の場合には、問題の原因となったようだ：私はその後、私はこのつまずいいくつかのバージョン、OSのなどで試してみました、最初で問題を再現することができませんでした。私は（Chromeで + Ctrlキーを打つ）デフォルトのズームと元のページをロードした場合、ダイアログがOKを開きます。その後、ダイアログボックスを閉じ、を押して + -（Chromeはズームアウト）、、F5というページを再ロードして、ダイアログを再度開き、毎回問題が発生しました。デフォルトのズームで元のページを読み込んでズームアウトした場合、ダイアログは高さを知っていました。元のページを読み込むときにlinkで説明されているmin-height機能チェックが実行されているようです。

私はまだズームアウトしていない以外の回避策を考え出したていないが、それはあまりにもあなたの問題の原因である可能性があります。

Answer 2

我々はdialog.Youが同様autoresize plugin

Answer 3

私は/ダイアログを開いて作成するときにjQueryのUIは、明示的要素の高さを設定しますことがわかりました。そこで便利な回避策は、単純にそうような開封後は、要素のCSSのheight属性をリセットすることです：

element.dialog('open'); 
    element.css('height', '');