Заменить ссылку attr на fadeIn - jQuery
Я пытаюсь перейти на новую страницу загрузки при нажатии на эту конкретную ссылку. Я пробовал ниже jQuery. Текущая страница fadeOut работает, но fadeIn не работает для новой страницы загрузки.
$('.navbar ul li a').click(function(e) {
$('.navbar').animate({'width': 'toggle'});
e.preventDefault();
var link = $(this).attr("href");
var destination = $(this).data("link");
$("body").fadeOut(1000,function(){
window.location.replace(link);
}).fadeIn();
});
Ответы 2
Здесь возникает логическая проблема:
window.location.replace(link);
загружает новую страницу, поэтому каждый код после нее не выполняется (включая .fadeIn())
Возможно, вам нужно найти другой способ заменить содержимое внутри вашего тела, вместо того, чтобы заменять всю страницу
Вы должны применить fadein JS к новой странице при загрузке. Для этого к его телу должен быть применен opacity: 0 (через CSS), который затем может быть переведен в режим полной видимости.
Если исчезновение должно происходить только при переходе с предыдущей страницы, вы можете использовать параметр GET в URL-адресе ссылки, которая проверяется при загрузке. Если он есть, примените переход непрозрачности, если нет, немедленно измените непрозрачность на 1 в этом скрипте.
Привет, спасибо за ответ. Я ожидаю, что именно новая страница должна загрузиться с эффектом fadeIn.