一旦页面已加载，如何jQuery slidedown

Question

尝试滑下我的更多信息div时，我遇到了时间问题。我想要的功能是，一旦页面已经渲染，div就会从顶部向下滑动。我的问题是如果我使用$（document）.ready（）..动画不会明显出现。

这是我的代码：

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

例如，如果我将它绑在其他元素的点击上，它就可以很好地工作。但是我不确定如果页面加载后如何使其明显滑下来。 谢谢！

Answer 1

我尝试使用以下方法进行混音和匹配：

$(window).load(function()  

和

$(document).ready(function()  

但没有任何运气。我最终使用

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

这似乎有效。我认为这与已经显示的元素有关。

Answer 2

您可能想尝试使用

$(window).load(function() 

而不是

$(document).ready(function() 

因为$（document）.ready fires时，你试图操作的某些元素可能无法完全加载。

Answer 3

或许尝试使用body onload

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

... document.ready一旦DOM被操作就会发生，一旦显示页面就 not - 它可能在页面显示之前就已经存在了。您也可以尝试将其置于setTimeout电话上以允许一点额外时间