淡出，然后直接进入新页面

Fade out, then direct to a new page

本文关键字：新页面 然后 淡出      更新时间：2023-10-08

我有以下代码：wrapper淡出，然后将用户带到URL。然而，它似乎只淡出过一次。我认为这是因为我的浏览器已经缓存/加载了页面，因此比加载更快。

是否可以确保在fadeOut完成之前不会调用window.location？我当前的代码：

$('a').click(function (e) {
    e.preventDefault();
    $('.wrapper').fadeOut(1000);
      window.location = this.href;
});

我试过回调，但我认为this.href已经更改了？

    $('a').click(function (e) {
        e.preventDefault();
        $('.wrapper').fadeOut(1000, function(){
                    window.location = this.href;
        });
    });

如有任何帮助，我们将不胜感激。

http://jsfiddle.net/tmyie/em2Km/1/

window.location = this.href;中的this不再是单击的锚标记，而是作为事件处理程序附加的函数。

尝试：

$('a').click(function (e) {
  e.preventDefault();
  var href = this.href
  $('.wrapper').fadeOut(1000, function(){
    window.location = href;
  });
});
相关文章：