Question

这是展示问题的fiddle。

首先，我显示一个固定大小的jQueryUI对话框。然后我将它via an animation放大到一个新的固定大小。然后我将新内容添加到对话框中。新内容正在按原始对话框窗口的高度进行裁剪。唉，我的research关于如何解决这个问题的工作空白了。

$(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>" );
  }
});

Answer 1

在完整处理程序中设置底层DOM元素的宽度和高度似乎可以解决问题：http://jsfiddle.net/SyCu2/

e.g。

complete: function( evt ) {
      dg.width(400).height(400);
      dg.html( "<span class='big'>YA!</span>" );
      }

Answer 2

使用minHeight代替height。 http://jsfiddle.net/kGJbj/

jQueryUI对话框裁剪内容？

2 个答案: