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

Answer 2

我想你想卸载。

$(window).unload(function() {
  alert('Handler for .unload() called.');
})

Answer 3

不幸的是，像 onbeforeprint 这样的 onbeforeunload 并不在 W3C 标准 DOM 事件中，
来自 MDN：

没有公开规范。 onbeforeunload 是由
Microsoft IE 4，随后被其他浏览器复制。

无论如何，微软已记录了此事件。您可以通过关闭浏览器来调用此事件。但由于某种原因，此事件不会阻止非 IE 浏览器中的默认浏览器行为（关闭窗口或选项卡）。

这是一篇关于 unload 事件的好文章，位于 webkit 文档