一旦页面加载，如何jQuery slidedown

在尝试滑下我的更多信息div时，我遇到了计时问题。 我想要的function是，一旦页面已经渲染，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会触发，你试图操作的某些元素可能无法完全加载。

Answer 3

也许尝试身体onload

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

…只要页面显示，就会发生document.ready，一旦显示页面，就会发生这种情况。它可能在页面显示之前就已经存在了。 你也可以尝试将它放在setTimeout调用上以允许一点额外的时间