0

ここに問題を示すフィドルがあります。

最初に、固定サイズの jQueryUI ダイアログを表示します。次に、アニメーションを介して新しい固定サイズに拡大します。次に、ダイアログに新しいコンテンツを追加します。新しいコンテンツは、元のダイアログ ウィンドウの高さで切り取られています。残念ながら、これを修正する方法に関する私の研究は空白になっています。

$(function() {
  var dg = $("#dialog");
  dg.dialog( {
        height: 200,
        width: 80,
        modal: true,
        draggable: false,
        resizable: false,
        position: 'center'
  });

 dg.dialog("widget").animate({
        width: '400px',
        height: '400px'
    }, {
        duration: 500,
        step: function() {
            dg.dialog('option', 'position', 'center' );
        },
  complete: function( evt ) {
  //big --> font-size: 200px;
  dg.html( "<span class='big'>YA!</span>" );
  }
});
4

2 に答える 2

1

完全なハンドラーで基になる DOM 要素の幅と高さを設定すると、問題が解決するようです: http://jsfiddle.net/SyCu2/

例えば

complete: function( evt ) {
      dg.width(400).height(400);
      dg.html( "<span class='big'>YA!</span>" );
      }
于 2013-01-10T15:09:07.700 に答える
0

minHeightの代わりに使用しheightます。http://jsfiddle.net/kGJbj/

于 2013-01-10T15:01:52.350 に答える