2011-07-29 43 views

Trả lời

4

Ban đầu tôi đã sử dụng .show('fade') và kích thước của hộp thoại sẽ nhảy bất cứ khi nào .show được gọi. Khi sử dụng hiệu ứng .show('fast') hoặc .show('slow'), hộp thoại được thay đổi kích thước theo kiểu trượt phù hợp với tôi.

15

Animating kích thước hộp thoại, trong khi ở trong trung tâm của màn hình

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

khi thực hiện thay đổi kích thước/mở rộng, khi tôi thêm nội dung mới qua html() nội dung của tôi bị cắt theo chiều cao của kích thước trước ... – jedierikb

+0

Thnx, giải pháp tốt! –

1

Khi tôi đã sử dụng @ câu trả lời của Steven tôi có vấn đề với kích thước nội dung, như @jedierikb nói trong nhận xét. Vì vậy, tôi đã tạo mã này và nó hoạt động.

$(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); 
     } 
    } 
}); 
Các vấn đề liên quan