jQuery fadeIn() trên màn hình không

Question

Tôi có một div nơi tôi đã làm một $('#div').css('display', 'none');

Bây giờ, để đưa mặt hàng này trở lại, tôi muốn phai nó. Tuy nhiên, nó có vẻ như $('#div').fadeIn() không làm việc đó, nhưng Tôi không muốn thiết lập hiển thị trở lại khối, như thể tôi làm nó chỉ xuất hiện ngay lập tức thay vì mờ dần .. bất kỳ ý tưởng?

Answer 1

Hãy thử

$('#div').hide(); 

để ẩn phần tử.

Cập nhật: Tôi đã đề xuất điều này vì tôi gặp sự cố khi đặt .css('display', 'none') trên body trong Firefox. Nhưng nó sẽ làm việc cho các yếu tố khác.

Nhưng nếu nó không hoạt động với hide() thì bạn chắc chắn có một vấn đề khác và bạn phải đăng thêm mã hoặc cung cấp bản trình diễn.

Trình duyệt nào không thành công? Bạn có chắc chắn $('#div').fadeIn() được thực thi không?

Answer 2

Hãy thử

$('#div').hide(); 

thay vì

display:none; 

Answer 3

4 năm quá muộn nhưng im hy vọng này ít nhất sẽ giúp ai đó ra.

Trước tiên bạn cần thay đổi lớp CSS bằng cách sử dụng jquery thành visibility:hidden và sau đó áp dụng chức năng mờ dần. Bạn có thể chuỗi chúng trong cùng một chức năng hoặc chạy chúng một cách riêng biệt. Dù bằng cách nào bạn sẽ thấy phần tử chỉ mờ dần trở thành hiện hữu như mong đợi.

Answer 4

Chỉ cần thêm tùy chọn tốc độ;

$('#div').fadeIn(1000); 

Nó làm việc cho tôi ...

Answer 5

Tôi đã có một vấn đề tương tự do CSS thiết lập để các yếu tố và trạng thái :hover của nó.

-webkit-transition: all 0.3s linear; 
-moz-transition: all 0.3s ease; 
-ms-transition: all 0.3s ease; 
-o-transition: all 0.3s ease; 
transition: all 0.3s ease; 

Tôi đã xóa những dòng trên và cuối cùng là jquery's fadeIn() hoạt động hoàn hảo.

Ngoài ra hãy chắc chắn rằng bạn không sử dụng display:none !important;

Và vâng, bạn chỉ cần thiết lập CSS display:none; và sau đó sử dụng fadeIn().