淡出，然后直接转到新页面

Question

我有以下代码： 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/

Answer 1

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

尝试：

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