動畫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); 
     } 
    } 
});