Как к jQuery slidedown, после того как страница была уже загружена
У меня есть проблема синхронизации при попытке скатиться с моего большего информационного отделения. Моя желаемая функциональность - то, что отделение slidesdown от вершины однажды страница было уже представлено. Моя проблема состоит в том, если я использую $ (документ) .ready ().. анимация явно не происходит.
Вот мой код:
$(document).ready(function() {
$(".MoreInfo").slideDown('slow');
});
Если я связываю его к щелчку некоторого другого элемента, например, это работает красиво. Но я не уверен, как заставить его явно скатиться, после того как страница загрузилась.Спасибо!
3 ответа
Я попытался смешать и сопоставить, используя:
$(window).load(function()
и
$(document).ready(function()
, но безуспешно. В итоге я использовал
$(document).ready(function() {
$(".MoreInfo").slideUp(1).delay(2000).slideDown('slow');
, и это, похоже, сработало. Я думаю, что это было связано с уже отображаемым элементом больше, чем с чем-либо еще.
Вы можете попробовать использовать
$(window).load(function()
вместо
$(document).ready(function()
, поскольку некоторые из элементов, которыми вы пытаетесь манипулировать, могут быть не полностью загружены при срабатывании $ (document) .ready.
Возможно, вместо этого попробуйте загрузить тело
$("body").load(function() {
$(".MoreInfo").slideDown('slow');
});
... document.ready возникает, как только можно манипулировать DOM, не обязательно после отображения страницы - это может быть задолго до того, как страница отобразится . Вы также можете попробовать поместить это в вызов setTimeout , чтобы выделить немного дополнительного времени