如何将jQuery了slideDown一旦页面已经加载

Question

我试图滑下我的详细信息DIV当具有计时问题。我所期望的功能是，从上一次的页面的DIV slidesdown已经呈现。我的问题是，如果我使用$（文件）。就绪（）..动画不会发生明显

下面是我的代码：

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

如果我把它绑到一些其他元素的点击，例如，它精美的作品。但我不知道如何使它明显下滑，一旦页面加载。 谢谢！

Answer 1

我试图混合并使用匹配：

$(window).load(function()  

和

$(document).ready(function()  

但没有任何运气。我结束了使用

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

和该seemd工作。我认为它与已经显示比什么都重要的元素做。

Answer 2

您可能需要使用尝试

$(window).load(function() 

，而不是

$(document).ready(function() 

一些你试图操纵的元素可能无法完全加载时的$（document）。就绪火灾。

Answer 3

也许尝试插入body onLoad代替

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

...发生的document.ready一旦DOM可以被操纵，的不的必然，一旦所显示的页面 - 这可能显示页面之前很好。你也可以尝试把这个在setTimeout呼叫允许一些额外的时间。