Как показать блок после загрузки страницы?

Question

[Artem Fl]

Ну вот суть в чем.
Есть блок с классом top-news
Как сделать так чтобы этот блок появился только когда страница полностью загрузилась?

Comments

[Михаил Дацько]

можете уточнить в какой именно момент блок должен появится? в момент загрузки всех элементов страницы или когда полностью загрузится весь контент (картинки и т.п.).

[Artem Fl]

Михаил Дацько: Михаил Дацько: 2 вариант, когда полностью все загрузится

[Михаил Дацько]

тогда Вам нужна такая конструкция $( window ).load(function() { ... }), как в первом ответе. потому что $( document ).ready(function(){ ... }) отработает как только загрузятся все DOM элементы страницы. в Вашем случае элемент может опявится с небольшой задержкой (в зависимости от количества контента на странице).

[Михаил Дацько]

ссылка на официальное описание на сайте jQuery https://learn.jquery.com/using-jquery-core/documen...

Answer 1

[Andrew]

Смотря что именно требуется:

$(window).load(function () {
//Будет ждать загрузки всего контента страницы (условно, 50 изображений по 100мб ;) )
 $('.top-news').show();
});

$(document).ready(function(){
//Будет ждать загрузки только DOM-дерева
      $('.top-news').show();
});

Answer 2

[Александр]

$(window).load(function () {
   
});

Документация

Answer 3

[Александр]

$(document).ready(function(){
      $('.top-news').show();
});

Comments

[Сергей Мельников]

$(function() {

});