Как jQuery slidedown после загрузки страницы

У меня проблема с синхронизацией при попытке скользить вниз по моей дополнительной информации div. Моя желаемая функциональность заключается в том, что div slidesdown сверху, как только страница уже была отображена. Моя проблема в том, что я использую $(document).готовый.)(. анимация не происходит заметно.

вот мой код:

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

если я привязываю его к щелчку другого элемента, например, он работает красиво. Но я не уверен, как сделать его заметно скользить вниз, как только страница нагруженный. Спасибо!

7
jquery onload pageload slidedown

3 ответов

Я попытался смешивать и сопоставлять с помощью:

$(window).load(function()

и 

$(document).ready(function()

но не повезло. В итоге я использовал

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

и что seemd, чтобы работать. Я думаю, что это связано с тем, что элемент уже отображается больше, чем что-либо еще.

11

вы можете попробовать использовать 

$(window).load(function()

вместо 

$(document).ready(function()

поскольку некоторые из элементов, которыми вы пытаетесь манипулировать, могут быть не полностью загружены при $(document).огонь наготове.

1

возможно, попробуйте body onload вместо

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

...документ.ready происходит, как только DOM можно манипулировать,не обязательно после отображения страницы - это может быть задолго до отображения страницы. Вы также можете попробовать поставить это на setTimeout вызова, чтобы позволить немного дополнительного времени

0