fadeIn страница fadeOut страница

Question

У меня возникли трудности с тем, чтобы мои страницы затухали при нажатии на новые ссылки на страницы, страницы постепенно исчезают, но по какой-то причине fadeOut обходит существующие страницы, на которые нажимается ссылка, я даже попытался добавить задержку перед затуханием, и, как вы можете видеть, также есть event.preventDefault, но по умолчанию все еще запущено. Любая помощь очень ценится ..

Смотрите пример Js здесь:

$(function() { 
    $('body').css('display', 'none'); 
    $('body').fadeIn(1000); 
    $('.link').click(function() { 
     event.preventDefault(); 
     newLocation = this.href; 
     $('body').delay(1500).fadeOut(1000, newpage); 
    }); 

    function newpage() { 

     window.location = newLocation; 
    } 
}); 

Answer 1

Вы должны объявить функцию NEWPAGE() перед обратного вызова. И вы должны передать атрибут события в функции щелчка, как это.

function newpage() { 
      window.location = newLocation; 
    } 
    $(function() { 
    $('body').css('display', 'none'); 
    $('body').fadeIn(1000); 
    $('.link').click(function(event) { 
     event.preventDefault(); 
     newLocation = this.href; 
     $('body').delay(1500).fadeOut(1000, newpage); 
    }); 
});