Сценарий вызова при открытии сайта

Question

Как запустить скрипт сразу после загрузки сайта? Я хочу, чтобы содержимое веб-сайта меня затухало, но пока не найдено событие для «когда сайт открыт».

И в основном, на сайте вы можете переключаться между двумя «содержимым». Im только в том, что касается первого «контента» для fadeOut при нажатии кнопки, но сначала хотел, чтобы что-то было сделано выше.

Я попытался использовать анимацию CSS, но затем нет эффекта затухания, поэтому «содержимое» исчезает через несколько секунд. Вот код, который я хочу использовать:

<script> 
$(document).ready(function(){ 
    $("#button").click(function(){ 
     $("#main").fadeOut(200); 
    }); 
}); 
</script> 

И эта часть кода работает нормально. Так может ли кто-нибудь помочь мне или найти другое решение?

Answer 1

функция определена внутри $document.ready() вызывается при загрузке страницы. Просто убедитесь, что элемент, который вы пытаетесь угасить, по умолчанию скрыт (display:none будет работать в css).

Чтобы убедиться, что затухание вашей первой секции закончено, прежде чем ваш второй раздел начнет исчезать, попробуйте использовать setTimeout() function. Не забудьте установить атрибут display:none для вашего второго раздела.

$('#main button').click(function(){ 
    $("#main").fadeOut(1000); 
    setTimeout(function(){ 
     $("#secondary").fadeIn(1000); 
    }, 1000); 
} 

Заканчивать этот CodePen для примера все это вместе.

Answer 2

Попробуйте это:

$(document).ready(function() { 
    $("#main").fadeIn(200); 
});