动画jQuery UI的对话框自动调整

Question

我有内部的动态形式的对话可以提高对话的高度。 autoResize设置为true，width是500。有什么办法动画对话框调整大小时添加更多的内容？

Answer 1

本来我是用.show('fade')和对话框的大小会跳，每当.show被调用。当使用效果.show('fast')或.show('slow')，对话框以滑动的方式这对我的作品大小。

Answer 2

动画对话框的大小，停留在屏幕

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

Answer 3

当我使用@史蒂芬的答案我有内容的大小问题的中心同时，像@jedierikb在评论说。所以我创建了这个代码，它工作。

$(dialogSel).dialog("widget").animate({ 
    width: 100, 
    height: 200 
}, { 
    duration: 200, 
    step: function (now, tween) { 
     if (tween.prop == "width") { 
      $(dialogSel).dialog("option", "width", now); 
     } else { 
      $(dialogSel).dialog("option", "height", now); 
     } 
    } 
});