2010-04-15 15 views
7

Tôi đang gặp vấn đề về thời gian khi cố gắng trượt xuống thêm thông tin div. Chức năng mong muốn của tôi là div slide down từ trên cùng một khi trang đã được hiển thị. Vấn đề của tôi là nếu tôi sử dụng $ (document) .ready() .. hoạt ảnh không hiển thị rõ ràng.Cách trượt jQuery khi trang đã được tải

Đây là mã của tôi:

$(document).ready(function() { 
     $(".MoreInfo").slideDown('slow'); 
    }); 

Nếu tôi dây đeo nó để bấm một số khác yếu tố của ví dụ, nó hoạt động rất đẹp. Nhưng tôi không chắc chắn làm thế nào để làm cho nó rõ ràng trượt xuống một khi trang đã được tải. Cảm ơn!

Trả lời

11

tôi đã cố gắng trộn và kết hợp sử dụng:

$(window).load(function() 

$(document).ready(function() 

nhưng không có bất kỳ may mắn. Tôi đã sử dụng

$(document).ready(function() { 
    $(".MoreInfo").slideUp(1).delay(2000).slideDown('slow'); 

và điều đó dường như hoạt động. Tôi nghĩ rằng nó đã làm với các yếu tố đã được hiển thị nhiều hơn bất cứ điều gì khác.

1

Bạn có thể muốn thử sử dụng

$(window).load(function() 

thay vì

$(document).ready(function() 

như một số các yếu tố mà bạn đang cố gắng để thao tác có thể không được nạp hoàn toàn khi $ (document) .ready cháy.

0

Có lẽ thử body onload thay

$("body").load(function() { 
    $(".MoreInfo").slideDown('slow'); 
}); 

... document.ready xảy ra càng sớm càng DOM có thể được thao tác, không thiết khi trang được hiển thị - nó có thể là tốt trước khi trang là hiển thị. Bạn cũng có thể thử đặt này trên một cuộc gọi setTimeout để cho phép thêm một ít thời gian