加载窗口无法在文档就绪函数内可靠触发 - jQuery v3.1.0

Question

我构建了一个简单的css预加载器，一旦页面完全加载了所有图像等，它应该用jQuery淡出。：

$(document).ready(function() {
    // Preloader
    $(window).on('load', function() {
        $('#loader').delay(350).fadeOut('slow');
        $('#preloader-bg').delay(1000).fadeOut('slow');
    });
}); 

问题是在文档就绪函数内没有可靠地触发窗口加载事件。页面缓存后似乎可以正常工作，但第一次加载网站时不会触发。

有解决方法吗？