jQuery 上的链接单击以启用加载图形

Question

所以我有这个脚本，用于在页面加载时显示这个 loding 图形。

    $(window).load(function() { // makes sure the whole site is loaded
        $("#status").fadeOut(); // will first fade out the loading animation
        $("#preloader").delay(100).fadeOut("fast"); // will fade out the white DIV that covers the website.
    })

这会在页面加载时立即显示。知道如何在页面退出时进行此显示吗？那么对于用户来说，从点击到加载是一致的吗？

Answer 1

使用unload。

$(window).unload(function() {
        $("#status").fadeOut(); 
        $("#preloader").delay(100).fadeOut("fast"); 
});