Javascript 将类添加到<；html>；在链接上单击并添加延迟重定向（淡出页面）

我正在尝试添加页面转换。fadeIn转换使用WebFont加载程序和CSS动画完成。我想要的是在链接上的

html

标记中添加一个类，单击并等待1秒（对于CSS淡出动画），然后重定向到链接

这是以下内容的修改版本：

我已经定制了它，但我相信

.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;
  }
});

试试这个：

  $(document).ready(function() {


    $("a").click(function(event){
      event.preventDefault();
      redirectLink = this.href;
      $("html").addClass('wf-next').removeClass('wf-active wf-inactive wf-loading').fadeIn(1000, function(){ redirectToLink(redirectLink) } );      
    });

    function redirectToLink(url) {
      window.location = url;
    }
  });

试试这个：

  $(document).ready(function() {


    $("a").click(function(event){
      event.preventDefault();
      redirectLink = this.href;
      $("html").addClass('wf-next').removeClass('wf-active wf-inactive wf-loading').fadeIn(1000, function(){ redirectToLink(redirectLink) } );      
    });

    function redirectToLink(url) {
      window.location = url;
    }
  });

.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;
    }
  });

.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;
    }
  });

---

也不起作用，单击后链接会立即重定向。看一看：（单击底部的重新加载链接）这可能会起作用，但使用JS fadeIn使CSS淡出生效没有多大意义。也不起作用，单击后链接会立即重定向。看一看：（单击底部的重新加载链接）这可能会起作用，但使用JS fadeIn使CSS淡出发挥作用没有多大意义。是的延迟只是在这种情况下使用settimeout进行延迟更好是的延迟只是在这种情况下使用settimeout进行延迟更好