jquery - 一旦页面已经加载，如何 jQuery 向下滑动

Question

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

这是我的代码：

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

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

score 10 · Accepted Answer

我尝试使用混合和匹配：

$(window).load(function()

和

$(document).ready(function()

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

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

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

score 1 · Accepted Answer

您可能想尝试使用

$(window).load(function()

代替

$(document).ready(function()

因为当 $(document).ready 触发时，您尝试操作的某些元素可能不会完全加载。

score 0 · Accepted Answer

也许改用 body onload

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

...document.ready 在可以操作 DOM 时立即发生，不一定是在页面显示后 - 它可能在页面显示之前很久。您也可以尝试将其放在setTimeout通话中以留出一点额外时间

3 回答 3