我正在尝试添加页面转换。 fadeIn 过渡是使用 WebFont Loader 和 CSS 动画完成的。我想要的是在链接点击时向 html 标记添加一个类并等待 1 秒(对于 CSS fadeOut 动画)，然后重定向到链接。
这是 this jQuery code 的修改版本:
$(document).ready(function() {
$("a").click(function(event){
event.preventDefault();
redirectLink = this.href;
$("body").fadeOut(1000, redirectToLink);
});
function redirectToLink() {
window.location = redirectLink;
}
});
我已经自定义了它，但我相信.delay(1000,redirectToLink)有问题并且它不起作用。我对 JS 不太了解，因此非常感谢您的帮助。
$(document).ready(function() {
$("a").click(function(event){
event.preventDefault();
redirectLink = this.href;
$("html").addClass('wf-next').removeClass('wf-active wf-inactive wf-loading').delay(1000, redirectToLink);
});
function redirectToLink() {
window.location = redirectLink;
}
});
最佳答案
.delay() 旨在与动画一起使用，但您已将动画移至 css 过渡。我会使用 setTimeout 来代替，如下所示:
$(document).ready(function() {
$("a").click(function(event){
event.preventDefault();
redirectLink = this.href;
$("html").addClass('wf-next').removeClass('wf-active wf-inactive wf-loading');
setTimeout(function(){
redirectToLink(redirectLink);
}, 1000);
});
function redirectToLink(url) {
window.location = url;
}
});
关于javascript - 在链接点击时向 <html> 添加类并添加延迟重定向(淡出页面)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11366627/