javascript - jQuery 在卸载前播放动画？

Question

我不确定这是否可能，但我真的希望如此。我有一个网站 http://www.sarahnwatson.com 。它有几个 jQuery 动画在页面加载时播放，我想知道是否可以在页面卸载时反向播放它们。

如果是这样，怎么办？这是我试图使其工作的代码，但它根本不起作用。

$(window).bind('beforeunload', function(e) {                
    $list.children().each(function(i, el) { // loop through the LI elements within $list
        $(el).delay(500 * i).animate({'left': '-300px'}, 1000);
    });

    return false;
});

相反，我只是得到一个对话。

Answer 1

您只能控制源自页面链接的事件。考虑到这一点，您可以覆盖页面中所有链接的点击事件。

var goToURL = null;

$('a').click(function() {
   var goToURL = $(this).attr("href");
     $(el).delay(500 * i).animate({'left': '-300px'}, 1000, function() {window.location = gotoURL;});
     return false; // or e.preventDefault();
   }
});