cách sử dụng fadeIn với display = inline-block

Question

Tôi cố gắng fadeTrong một div (nên) có một khối nội tuyến hiển thị.
Dường như phương thức fadeIn chỉ giả định display = block.
Có cách nào để thay đổi hành vi đó không?

Answer 1

Từ sự kết hợp của những gì tôi đọc ở trên, đây là tốt nhất mà tôi nhận được:

$(div).css({ 
     opacity: 0, 
     display: 'inline-block'  
    }).animate({opacity:1},600); 

Answer 2

Nếu bạn sử dụng css()?

$("div").fadeIn().css("display","inline-block"); 

Answer 3

Tôi muốn đề xuất thêm một lớp phần tử bên trong phần tử inline-block và thay vào đó sẽ mờ dần.

<div style='display:inline-block;'> 
    <div id='fadmein'>....</div> 
</div> 

$('#fademein').fadeIn(); 

Tôi biết đó là đánh dấu phụ, nhưng đây có thể là giải pháp thực tế nhất cho vấn đề.

Cách khác là sử dụng phương pháp animate() của JQuery để thay đổi độ mờ đục, thay vì sử dụng fadeIn(). Điều này sẽ chỉ thay đổi tài sản opacity; do đó, thuộc tính display sẽ bị ảnh hưởng.

Answer 4

Theo this question trong Diễn đàn jQuery, giải pháp được đề xuất là thay đổi thuộc tính 'hiển thị' thành block và thả nổi.