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 回答