动画jQuery UI对话框自动调整大小

Question

我有一个内部动态表单的对话框,可以增加对话框的高度.autoResize设置为true,width是500.有没有办法在添加更多内容时动画对话框调整大小？

Answer 1

动画对话框大小,同时保持在屏幕的中心

jQuery("#dialog").dialog("widget").animate({
    width: '400px', 
    height: '110px'
  }, {
  duration: 500,
  step: function() {
    jQuery("#dialog").dialog('option', 'position', 'center');
  }
});

Answer 2

最初我使用的是，每当调用时.show('fade')对话框的大小都会跳跃。.show使用效果.show('fast')或时.show('slow')，对话框会以滑动方式调整大小，这对我有用。