Функция JavaScript для загрузки домашней страницы сайта работает только один раз

Question

Я разрабатываю личный сайт.У меня есть домашняя страница и несколько других страниц - я хочу иметь возможность вернуться на домашнюю страницу, нажав кнопку «home», поэтому я сделал функцию javascript loadhomepage(), которая будет выполняться при каждом нажатии кнопки home.Он работает, чтобы загрузить домашнюю страницу, когда вы изначально заходите на сайт, но когда я вызываю его, чтобы загрузить домашнюю страницу после перехода на другую страницу, он не отображает элементы.

Я посмотрел пару похожихвопросы о стековом потоке, но, похоже, это были проблемы с числовыми вычислениями ( Счетчик Javascript работает только один раз & Функция JavaScript будет работать только один раз ), в то время как у меня исчезают и исчезают элементы, поэтомуне решать мою проблему.

Вот скрипка: https://jsfiddle.net/martyjay60/c3tp1swj/

Как видите, функция load_homepage возвращает пустую страницу вместо всех элементов, которые были в начале.Любая помощь будет высоко ценится - спасибо!

Answer 1

Кажется, вы забыли добавить в свой .homepage div, измените прослушиватель событий при нажатии на:

    $("#home.scroll").on('click', function(event) {
        $("div:visible").fadeOut(500);
        $.when($(".homepage").fadeIn(700))
        .done(load_homepage);
    });

Это решит проблему.

Answer 2

Возможно, вы захотите выбрать в этом фрагменте деления, которые хотите fadeOut

$("#home.scroll").on('click', function(event) {
   $("div:visible").fadeOut(500);
   load_homepage();
 });

Это приводит к тому, что значение .homepage будет display:none, и вы никогда не потеряете его вв вашей функции load_homepage().

Я добавил это в ваш код, и содержимое возвращается:

function load_homepage() {
   $.when($(".homepage").fadeIn(1000), $("#namebox").fadeIn(1000))
   ...
}

https://jsfiddle.net/6sc2wjye/