Tôi có một hộp thoại có dạng động bên trong có thể tăng chiều cao của hộp thoại. autoResize
được đặt thành true, width
là 500. Có cách nào để tạo hoạt ảnh cho hộp thoại thay đổi kích thước khi có thêm nội dung không?Animate hộp thoại giao diện người dùng jQuery tự động thay đổi kích thước
6
A
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');
}
});
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
- 1. Cách làm cho hộp thoại Giao diện người dùng jQuery không thể thay đổi kích thước
- 2. Tạo một div lồng nhau trong hộp thoại Giao diện người dùng jQuery thay đổi kích thước bằng hộp thoại?
- 3. Thay đổi kích thước Nút giao diện người dùng jQuery?
- 4. Tự động thay đổi kích thước chiều rộng và chiều cao bằng hộp thoại jQuery
- 5. Hộp thoại giao diện người dùng JQuery chậm
- 6. Hộp thoại giao diện người dùng jQuery đang đặt chiều rộng khung nội tuyến tự động
- 7. Giao diện người dùng jQuery Hộp thoại CSS cá nhân
- 8. Hộp thoại nút giao diện người dùng jQuery
- 9. Tự động thay đổi kích thước hộp thoại giao diện người dùng jQuery với chiều rộng của nội dung được tải bởi ajax
- 10. Hộp thoại giao diện người dùng jQuery + Xác thực
- 11. Giao diện người dùng JQuery thêm id vào hộp thoại
- 12. Hộp thoại giao diện người dùng jQuery Tự động đóng bằng cách sử dụng setTimeout
- 13. Làm cách nào để thay đổi màu nền của Hộp thoại Giao diện người dùng jQuery?
- 14. Giao diện người dùng Kendo và giao diện người dùng jQuery - kích thước và khung javascript
- 15. Cách đặt hộp thoại Giao diện người dùng JQuery chiếm toàn bộ cửa sổ và điều chỉnh động để thay đổi kích thước cửa sổ
- 16. Hộp thoại giao diện người dùng JQuery sử dụng 100% CPU
- 17. Ghim có thể thay đổi kích thước giao diện người dùng jQuery
- 18. Hộp thoại giao diện người dùng jQuery - cách làm cho hộp thoại không đóng được?
- 19. Lớp phủ thoại giao diện người dùng jQuery
- 20. Hộp thoại giao diện người dùng JQuery - * Hộp thoại không phải chức năng * lỗi
- 21. Hộp thoại giao diện người dùng jQuery: cách đóng hộp thoại khi nhấp vào bên ngoài?
- 22. Giao diện người dùng jQuery nội tuyến Datepicker tự động đổi kích thước thành vùng chứa cha mẹ
- 23. Hộp thoại giao diện người dùng Jquery thay cho javascript xác nhận
- 24. Thay đổi thông số truy vấn cho tự động hoàn thành giao diện người dùng jQuery
- 25. Zend_Auth và tự động thay đổi chi tiết người dùng trên giao diện người dùng
- 26. Tại sao giao diện người dùng jQuery 1.10 xóa tùy chọn hộp thoại jquery zIndex?
- 27. Tự động điền giao diện người dùng JQuery (1.8) cuộn
- 28. "Chính xác" hộp thoại/giao diện người dùng trên Windows
- 29. Giao diện người dùng jQuery - thay đổi màu nút
- 30. Thay đổi vị trí tự động hoàn thành giao diện người dùng jQuery - Bật lên, thay vì xuống
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
Thnx, giải pháp tốt! –