Эй, я пытаюсь получить переход страницы fadeIn и fadeOut в jQuery после того, как пользователь нажал кнопку.
Моя функция load () не работает должным образом. Где ошибка? Спасибо!
$(document).ready(function() {
const el = document.querySelector(".purplePlanet");
$(".link").one("click", function(event) {
event.preventDefault();
/* only some animations before the current page fade out */
$(".purplePlanet text").fadeOut(function() {
$(".purplePlanet").toggleClass("scale");
el.addEventListener("transitionend", function() {
/* the following line is the reason of my problem */
$("html").load("/planetMind.html", function() {
const newPage = $(this);
$("html").fadeOut(1000, function() {
/* in my browser the old html content is faded in again
my console shows an error "mindPlanet.html 404 not found" for a small amount of time*/
newPage.fadeIn(500, function() {
window.location.href = "planetMind.html";
});
});
});
});
});
});
});