代码之家 › 专栏 › 技术社区 › bulltorious

如何在页面已加载后jquery slidedown

slidedown pageload onload jquery

7

bulltorious · 技术社区 · 16 年前

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

这是我的代码:

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

例如,如果我将它绑定到某个其他元素的单击上,它会工作得很好。但我不知道如何使它在页面加载后明显地向下滑动。谢谢!

3 回复 | 直到 14 年前

1

11

bulltorious 16 年前

我尝试混合和匹配使用:

$(window).load(function()

和

$(document).ready(function()

但没有任何运气。我最后用

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

看起来很管用。我认为这与元素已经显示得比其他任何东西都多有关。

2

1

Harv 16 年前

你可能想尝试使用

$(window).load(function()

而不是

$(document).ready(function()

因为$(document).ready激发时,您试图操作的某些元素可能未完全加载。

3

0

Graza 16 年前

或许你可以试试“身体加载”

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

…document.ready在操作dom时立即发生, 不必须在页面显示之后-可能在页面显示之前。你也可以试着把这个放在 setTimeout 打电话来给我一点时间