淡出，然后直接轉到新頁面

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