一旦页面已加载，如何使jQuery向下滑动 [英] How to jQuery slidedown once page has already been loaded

问题描述

尝试向下滑动我的更多信息div时出现计时问题.我想要的功能是，一旦页面已呈现，div就会从顶部向下滑动.我的问题是，如果我使用$(document).ready()..动画没有明显发生.

I am having a timing issue when attempting to slide down my more info div. My desired functionality is that the div slidesdown from the top once the page has already been rendered. My problem is if I use $(document).ready().. the animation does not visibly occur.

这是我的代码:

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

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

If I strap it to some other element's click for example, it works beautifully. But I am not sure how to make it visibly slide down once the page has loaded. Thanks!

推荐答案

我尝试使用以下方法进行混合和匹配:

I tried mixing and matching using:

$(window).load(function()  

和

$(document).ready(function()  

但是没有任何运气.我最终使用了

but did not have any luck. I ended up using

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

这似乎可行.我认为这与已经显示的元素比什么都重要.

and that seemd to work. I think it had to do with the element already being displayed more than anything else.

这篇关于一旦页面已加载，如何使jQuery向下滑动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！